切圖崽的自我修養(yǎng)－模塊插件化書寫方式

edagarli 發(fā)布于2019-08-29 10:59 / 3158人閱讀

摘要：前言大致記一下模塊插件化的書寫思路一般寫法插件初始化入口獲取傳入?yún)?shù)獲取傳入?yún)?shù)獲取傳入?yún)?shù)獲取傳入?yún)?shù)插件公用方法插件公用方法初始化插件暴露模塊方法調(diào)用方式引用模塊插件調(diào)用插件公有方法注意事項(xiàng)插件初始化時(shí)，如果變量有缺省值，一般用邏輯插件

前言:

大致記一下模塊插件化的書寫思路

一般寫法:

define(function(require, exports, module) {

        var plugin = {
            
            //插件初始化入口
            init : function(options){
                var that=this;
                this.parameter1   = options.parameter1 || {};  //獲取傳入?yún)?shù)
                this.parameter2   = options.parameter2 || {};   //獲取傳入?yún)?shù)
                this.fun1  = options.fun1 || function(){};  //獲取傳入?yún)?shù)
                this.fun2 = options.fun2 || function(){};  //獲取傳入?yún)?shù)
                this.method1();
                ...
            }, 
            
            //插件公用方法1
            method1:function(){
                var that=this;
                ...
            },
    
            //插件公用方法2
            method2:function(){
                var that=this;
                ...
            },
                        
            ...
    
    }
        
        plugin.init(); //初始化插件
        module.exports = plugin;  //暴露模塊/方法
    });

調(diào)用方式:

var plugin = require("./plugin"); //引用模塊插件
plugin.method1();                 //調(diào)用插件公有方法

注意事項(xiàng):

插件初始化時(shí)，如果變量有缺省值，一般用 || 邏輯

插件內(nèi)私有變量，私有方法一律加下劃線為標(biāo)識(shí)，比如_parameter1表示私有變量， _fun1(){}表私有方法

時(shí)刻謹(jǐn)記單一職責(zé)原則，一個(gè)基本方法只執(zhí)行一個(gè)邏輯，如果有多個(gè)邏輯，請(qǐng)另外新增方法來對(duì)其他基本的顆粒化的方法進(jìn)行組合，這樣可以降低復(fù)雜度，時(shí)刻保證整個(gè)插件的易讀性和可擴(kuò)展性