首页 > 其他分享 >JS封装类通用模板

JS封装类通用模板

时间:2023-01-12 13:55:53浏览次数:30  
标签:function 封装 fn2 TestClass JS new 模板 data2

频繁写封装类太麻烦,发个模板记录一下,下次直接用。

调用示例

let tc = new TestClass();
console.log(tc.data2);
tc.fn2();

 

封装模板

var TestClass = (function() {
    function _TestClass(property) {
        if (this instanceof _TestClass) {
            // 私有基本属性
            let data1 = 123;
            
            // 私有函数
            function fn1() {
            }
            
            // 对外开放基本属性
            let data2 = 456;
            this.data2 = data2;
            // 写法2
            // this.data2 = 456;
            
            // 对外开放函数
            function fn2() {
                console.log('这是对外暴露的函数');
            }
            this.fn2 = fn2;
            // 写法2
            // this.fn2 = function () {};
        } else {
            // 不需要 new 关键字(自动new)
            // return new _LoadingJs(property);
        }
    }
    
    return _TestClass;
})();

 

标签:function,封装,fn2,TestClass,JS,new,模板,data2
From: https://www.cnblogs.com/sanrenblog/p/17046447.html

相关文章

  • pure js function merge URL objects All In One
    purejsfunctionmergeURLobjectsAllInOneQuestion//???OCR识别codehttps://twitter.com/wesbos/status/1613223775796924417/photo/1Solution"usest......
  • JS_2_运算符
    与Java大抵是类似的。 一、算术运算符+、-、*、/、%。适用于:number类型与number类型。number类型与boolean类型(boolean自动转:true--1,false-0)。n......
  • uni-app Pages.json配置
    https://uniapp.dcloud.net.cn/collocation/pages.htmlpages.json 文件用来对uni-app进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等......
  • js: 获取标签元素data-*属性值的方法
    js:获取标签元素data-*属性值的方法彭世瑜于2022-05-2309:59:50发布2165收藏1文章标签:javascript前端jquery版权标签上有两个属性data-id和data-use......
  • JS_1_引入js、js变量
    JavaScript,脚本语言,基于HTML,使得网页能够实现与用户的互动。 一、引入js代码1、在html中声明js代码域:<scripttype="text/javascript">js代码...</script>2......
  • js数组去重常见的七种方法
      参考:https://blog.csdn.net/Lguorong/article/details/124301325......
  • node -e "require('nan')" npm 安装 tty.js 时报错 ,解决方法
    ubuntu14.04上报错解决办法:sudoapt-getupdate&&sudoapt-getinstallnodejs-legacy......
  • js的面向对象
    前言说起起面向对象的概念,大家大部分的印象都是与后端相关的。  其实并不是这样,我觉得面-向对象这种思想适合在任何的场景,甚至在现实的场景中。因为后端相关语言在实......
  • rollupjs
    掉落神坛的webpackwebpack诞生之初的根本原因就是处理前端js模块化的工具。如果浏览器本身慢慢的已经支持了模块化。那么webpack存在的意义就不大了。webpack的其它瑕......
  • 一个写得很好的gitlab.yml模板(有Windows和Ubuntu)
    出自这个GitHub:https://github.com/nanoporetech/scrappie/blob/master/.gitlab-ci.yml#YamlCIconfigforGitlabSee.http://docs.gitlab.com/ce/ci/yaml/README.ht......