js 公共工具类tool.js封装

方案一

直接挂在自定义的对象属性上。
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))
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原本想稍微整理一下 ES 新特性,没想到花了相当多的时间,本文也巨长,依然推荐使用 简悦[https://gith...
    401阅读 1,909评论 0 5
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • 工厂模式 单体模式 模块模式 代理模式 职责链模式 命令模式 模板方法模式 策略模式 发布-订阅模式 中介者模式 ...
    HelloJames阅读 1,026评论 0 6
  • 这是我第23篇简书。 为什么简书没有目录功能啊,要不是在这这么久了都想转去某金了。。 本章内容: 1、执行上下文2...
    东西里阅读 1,998评论 2 14
  • 一.简述前端构建工具。fis3,Gulp,Grunt,Webpack www.tuicool.com/articl...
    錢小强_阅读 1,344评论 0 5