javascript如何封裝自己的js插件?(簡單教程)

作為一個程序員,如果隻會ctrl+c和ctrl+v,那麼其實工作起來很枯燥的。做人沒有夢想那跟咸魚有什麼分別?程序員也是一樣。我們不要一直局限於粘貼復制,我們要學會自己造輪子。

那麼,作為一個前端,該如何封裝自己的插件呢?

下面給不會封裝的同學示范一個小模板:

 //用閉包形式來寫,前面加;是防止跟其他js壓縮時報錯
;(function(global){
    //開啟嚴格模式
    "use strict";
    //構造函數定義一個類    傳參數
    function Scroll(el,options) {
        //some code

    };


    //原型鏈上提供方法
    Scroll.prototype = {
        //定義方法
        show: function() {
            //some code
        }
        
    };
    //兼容CommonJs規范 
    if (typeof module !== 'undefined' && module.exports) {
        module.exports = Scroll;
    };
    //兼容AMD/CMD規范
    if (typeof define === 'function') define(function() { 
        return Scroll; 
    });
    //註冊全局變量,兼容直接使用script標簽引入插件
    global.Scroll = Scroll;
})(this);

看瞭之後是不是很簡單?那麼快來自己試一試吧。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *