切图崽的自我教养-模块插件化誊写体式格局

媒介:

大抵记一下模块插件化的誊写思绪

平常写法:


define(function(require, exports, module) {

        var plugin = {
            
            //插件初始化进口
            init : function(options){
                var that=this;
                this.parameter1   = options.parameter1 || {};  //猎取传入参数
                this.parameter2   = options.parameter2 || {};   //猎取传入参数
                this.fun1  = options.fun1 || function(){};  //猎取传入参数
                this.fun2 = options.fun2 || function(){};  //猎取传入参数
                this.method1();
                ...
            }, 
            
            //插件公用要领1
            method1:function(){
                var that=this;
                ...
            },
    
            //插件公用要领2
            method2:function(){
                var that=this;
                ...
            },
                        
            ...
    
    }
        
        plugin.init(); //初始化插件
        module.exports = plugin;  //暴露模块/要领
    });

挪用体式格局:

var plugin = require('./plugin'); //援用模块插件
plugin.method1();                 //挪用插件公有要领

注意事项:

  • 插件初始化时,假如变量有缺省值, 平常用 || 逻辑

  • 插件内私有变量私有要领一概加下划线为标识, 比方_parameter1示意私有变量, _fun1(){}表私有要领

  • 时候服膺单一职责准绳,一个基础要领只实行一个逻辑,假如有多个逻辑,请别的新增要领来对其他基础的颗粒化的要领举行组合,如许能够下降复杂度,时候保证全部插件的易读性可扩展性

    原文作者:大切图崽
    原文地址: https://segmentfault.com/a/1190000005914430
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞