如何封装自己的js插件

作为一个程序员，如果只会ctrl+c和ctrl+v，那么其实工作起来很枯燥的。做人没有梦想那跟咸鱼有什么分别？程序员也是一样。我们不要一直局限于粘贴复制，我们要学会自己造轮子。

那么，作为一个前端，该如何封装自己的插件呢？

下面给不会封装的同学示范一个小模板：

 //前面加;是防止跟其他js压缩时报错
;(function(global){
    //开启严格模式
    "use strict";
    //构造函数定义一个类    传参数
    function Scroll(el,options) {
        //some code

    };


    //原型上提供方法
    Scroll.prototype = {
        //定义方法
        show: function() {
            //some code
        }
        
    };
   
    if (typeof module !== 'undefined' && module.exports) {    //兼容CommonJs规范 
        module.exports = Scroll;
    }else if (typeof define === 'function'){   //兼容AMD/CMD规范
        define(function () {
            return Scroll
        })
    }else {    //注册全局变量，兼容直接使用script标签引入插件
        global.Scroll = Scroll;
    }
    
    
})(this);

使用：

var scroll = new Scroll("#demo",{});
scroll.show();

看了之后是不是很简单？那么快来自己试一试吧。