星空网 > 软件开发 > ASP.net

Js模型和封装

一点拙劣的小分享,欢迎批评和补充

我们经常在Js中为我们的各类组件,构造Json格式的假数据。我们看如下代码:

var jsonResult = [    { 'name': 'ws', 'age': '22' },    { 'name': 'td', 'age': '22' }      //我们把jsonResult[x]当作对象,其中的自然为属性  ];  window.onload = function () {    alert(jsonResult[0].name);  }

那么对象的方法如下:

var jsonResult = [    { 'name': 'ws', 'age': '22','speakFunc':function () { alert('hi,my name is ws'); } },    { 'name': 'td', 'age': '22' ,'speakFunc':function () { alert('hi my name is '+jsonResult[1].name); }}      //我们把jsonResult[x]当作独立个体对象  ];  window.onload = function () {    jsonResult[0].speakFunc();    jsonResult[1].speakFunc();  }

 

下面给出可读性,复用性更佳的方法,包括闭包。

 var myUpStageClass = function () {    var instance = {      firstFunc: function () {          //方法名可以不用引号        alert('第一个方法输出');      },      'secondFunc': function (param) {        alert(param);      }    }    return instance;                 //返回闭包的对象  }  var appObj = myUpStageClass();            //接受闭包的对象,是不是像实例化  window.onload = function () {    appObj.firstFunc();    appObj.secondFunc('第二个方法输出');  }

建议把我们所需要的,复用性高的JS,作为我们项目最顶层的js封装好,并且在闭包外的全局上接受闭包对象,提供给下层调用。

 




原标题:Js模型和封装

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

fba自发货:https://www.goluckyvip.com/tag/20340.html
fba自提:https://www.goluckyvip.com/tag/20341.html
fba总费用:https://www.goluckyvip.com/tag/20342.html
fba走海运:https://www.goluckyvip.com/tag/20343.html
fba走海运吗:https://www.goluckyvip.com/tag/20344.html
fba走空运:https://www.goluckyvip.com/tag/20345.html
价格翻了8倍,居然还有人买,秘诀在这里。:https://www.kjdsnews.com/a/1836642.html
欧洲B2B电商市场有待挖掘!销售总额将达1.7万亿欧元:https://www.kjdsnews.com/a/1836643.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流