Js模型和封装

王朝学院·作者佚名  2016-08-28
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

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

varjsonResult =[

{'name':'ws','age':'22'},

{'name':'td','age':'22'}//我们把jsonResult[x]当作对象,其中的自然为属性];

window.onload=function () {

alert(jsonResult[0].name);

}

那么对象的方法如下:

varjsonResult =[

{'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();

}

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

varmyUpStageClass =function() {varinstance ={

firstFunc:function() {//方法名可以不用引号alert('第一个方法输出');

},'secondFunc':function(param) {

alert(param);

}

}returninstance;//返回闭包的对象}varappObj = myUpStageClass();//接受闭包的对象,是不是像实例化window.onload =function() {

appObj.firstFunc();

appObj.secondFunc('第二个方法输出');

}

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航