当前位置: 移动技术网 > IT编程>开发语言>JavaScript > javascript如何封装自己的js插件?(简单教程)

javascript如何封装自己的js插件?(简单教程)

2019年03月23日  | 移动技术网IT编程  | 我要评论
作为一个程序员,如果只会ctrl+c和ctrl+v,那么其实工作起来很枯燥的。做人没有梦想那跟咸鱼有什么分别?程序员也是一样。我们不要一直局限于粘贴复制,我们要学会自己造轮子。

作为一个程序员,如果只会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);

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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网