js封装插件

最新推荐文章于 2024-09-06 17:19:50 发布

竹子js

最新推荐文章于 2024-09-06 17:19:50 发布

阅读量834

点赞数

分类专栏：原生javascript 文章标签： js插件封装

本文链接：https://blog.csdn.net/bamboozjy/article/details/111831608

版权

原生javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

封装:

//前面加;是防止跟其他js压缩时报错
;(function(global){
    //开启严格模式
    "use strict";
    //构造函数定义一个类,使用new调用
    function Datas(el,options) {
        //some code
    };
  
    //原型上提供方法和属性
    Datas.prototype = {
        //定义方法
        show: function() {
            //some code
        },
		//定义属性
		rule:[
			{ip:'106.xxx.xxx.44',id:1}
		],
    };
    
    if (typeof module !== 'undefined' && module.exports) { //CommonJs规范 
        module.exports = Datas;
    }else if (typeof define === 'function'){ //AMD/CMD规范
        define(function () {
            return Datas
        })
    }else { //global指向this,this在插件外指向window.可以直接使用script标签
        global.Datas = Datas;
    }
 })(this);

引入:

可以使用 import Datas from "../datas.js"; 或者 var Datas=require("../datas.js"'); 或者直接script标签引入

使用:

var datas = new Datas("#demo",{});
datas.show();

参考:传送门