封装:

//前面加;是防止跟其他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();

 

参考:传送门

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐