美文网首页前端技巧
js 公共工具类tool.js封装

js 公共工具类tool.js封装

作者: 恬雅过客 | 来源:发表于2023-03-16 10:29 被阅读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))

相关文章

网友评论

    本文标题:js 公共工具类tool.js封装

    本文链接:https://www.haomeiwen.com/subject/cwnrrdtx.html