前端技巧

js 公共工具类tool.js封装

2023-03-16  本文已影响0人  灵籁

方案一

直接挂在自定义的对象属性上。
tool.js如下:

const FliTool = {};
FliTool.test = function(val1,val2) {
    console.log('val1:',val1);
    return val1+val2;
}
FliTool.test2 = function(el,val1,val2) {
    console.log('可用jquery语法',el);
    return el.html()+val1+val2;
},

使用tool.js

console.log(FliTool.test(10,20))

方案二

将方法封装到对象的prototype上,并且使对象成为全局变量,即挂在window上。
tool.js如下:

(function(){
    "use strict";
    var CustTool=function(){};
    CustTool.prototype={
        test: function(val1,val2) {
            console.log('val1:',val1);
            return val1+val2;
        },
        test2:  function(el,val1,val2) {
            console.log('可用jquery语法',el);
            return el.html()+val1+val2;
        },
    }

    window.CustTool=CustTool;
})();

使用tool.js

var tool = new CustTool(); 
console.log(tool.test(10,20))
上一篇 下一篇

猜你喜欢

热点阅读