切圖崽的自我修養－模塊插件化書寫方式

?xiaoxiao, 發布于2019-08-01 15:26 / 2696人閱讀

摘要：前言大致記一下模塊插件化的書寫思路一般寫法插件初始化入口獲取傳入參數獲取傳入參數獲取傳入參數獲取傳入參數插件公用方法插件公用方法初始化插件暴露模塊方法調用方式引用模塊插件調用插件公有方法注意事項插件初始化時，如果變量有缺省值，一般用邏輯插件

前言:

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

一般寫法:

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(){}表私有方法

時刻謹記單一職責原則，一個基本方法只執行一個邏輯，如果有多個邏輯，請另外新增方法來對其他基本的顆粒化的方法進行組合，這樣可以降低復雜度，時刻保證整個插件的易讀性和可擴展性

GPU云服務器云服務器切圖崽插件化圖像識別數學修養自我評價

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/49911.html

切圖崽的自我修養－模塊插件化書寫方式

摘要：前言大致記一下模塊插件化的書寫思路一般寫法插件初始化入口獲取傳入參數獲取傳入參數獲取傳入參數獲取傳入參數插件公用方法插件公用方法初始化插件暴露模塊方法調用方式引用模塊插件調用插件公有方法注意事項插件初始化時，如果變量有缺省值，一般用邏輯插件前言: 大致記一下模塊插件化的書寫思路一般寫法: define(function(require, exports, module) { ...

edagarli 2019-08-29 10:59 評論0 收藏0
切圖崽的自我修養－模塊插件化書寫方式

摘要：前言大致記一下模塊插件化的書寫思路一般寫法插件初始化入口獲取傳入參數獲取傳入參數獲取傳入參數獲取傳入參數插件公用方法插件公用方法初始化插件暴露模塊方法調用方式引用模塊插件調用插件公有方法注意事項插件初始化時，如果變量有缺省值，一般用邏輯插件前言: 大致記一下模塊插件化的書寫思路一般寫法: define(function(require, exports, module) { ...

iKcamp 2019-08-19 18:44 評論0 收藏0
切圖崽的自我修養－SeaJs重要概念剖析

摘要：但是這么多模塊合并在一個文件里，全是匿名的話，系統如何區別哪個是哪個模塊呢因此，我們需要對這些模塊給不同的進行標識。前言高能預警，前方山路十八彎在上一篇文章里簡單的討論了一下模塊化Js, 先來回顧一下目前模塊化的兩大規范: CommonJs 同步加載模塊規范 AMD/CMD 異步加載模塊規范其中CMD規范的產出是國內目前十分火爆的SeaJs, 這篇文章主要是解釋幾個使用S...

voidking 2019-08-29 10:58 評論0 收藏0
切圖崽的自我修養－SeaJs重要概念剖析

摘要：但是這么多模塊合并在一個文件里，全是匿名的話，系統如何區別哪個是哪個模塊呢因此，我們需要對這些模塊給不同的進行標識。前言高能預警，前方山路十八彎在上一篇文章里簡單的討論了一下模塊化Js, 先來回顧一下目前模塊化的兩大規范: CommonJs 同步加載模塊規范 AMD/CMD 異步加載模塊規范其中CMD規范的產出是國內目前十分火爆的SeaJs, 這篇文章主要是解釋幾個使用S...

Taste 2019-08-19 18:44 評論0 收藏0
切圖崽的自我修養－SeaJs重要概念剖析

摘要：但是這么多模塊合并在一個文件里，全是匿名的話，系統如何區別哪個是哪個模塊呢因此，我們需要對這些模塊給不同的進行標識。前言高能預警，前方山路十八彎在上一篇文章里簡單的討論了一下模塊化Js, 先來回顧一下目前模塊化的兩大規范: CommonJs 同步加載模塊規范 AMD/CMD 異步加載模塊規范其中CMD規范的產出是國內目前十分火爆的SeaJs, 這篇文章主要是解釋幾個使用S...

jhhfft 2019-08-01 15:27 評論0 收藏0