Javascript 类与静态类的实现(续)
作者:bea
这次我们直接看例子: 代码如下: /***定义静态类***/ var StaticClass = (function(){ var Return = { Property: "Test Static Property", //公有属性 Method: function(){ //公有方法 alert(_Field); //调用私用字段 privateMethod(); //调用私用方法 } }; //定义返回的公有对象 var _Field = "Te
这次我们直接看例子:
代码如下:
/***定义静态类***/
var StaticClass = (function(){
var Return = {
Property: "Test Static Property", //公有属性
Method: function(){ //公有方法
alert(_Field); //调用私用字段
privateMethod(); //调用私用方法
}
}; //定义返回的公有对象
var _Field = "Test Static Field"; //私有字段
var privateMethod = function(){ //私有方法
alert(Return.Property); //调用属性
}
return Return; //生成公有静态元素
})();
这次,我用的是闭包的方式去实现,其中最重要的一点是reutrn Return; 这里会引伸到值类型与引用类型的概念。在js里,Object就是一个引用类型,在闭包里,我会抛出一个包含有属性与方法的Object的引用,这样,也可以说是把这个Object抛向了外部,实现了公开。StaticClass这个变量接住了Return引用。 对于闭包内部的私有字段与方法都是没有被抛出的,这样就可以形成一个私有的环境。
很多时候我们都会用这种技巧去对JS进行分块,让程序不会那么的混乱。
上面的例子没这么干过的兄弟们也可以自己去试试。忘了,刚刚那个例子大家可以这么样去试试。
代码如下:
StaticClass.Method();
StaticClass.Property = "Test2";
StaticClass.Method();
一个人能够走多远,取决于与谁同行
有用 | 无用
代码如下:
/***定义静态类***/
var StaticClass = (function(){
var Return = {
Property: "Test Static Property", //公有属性
Method: function(){ //公有方法
alert(_Field); //调用私用字段
privateMethod(); //调用私用方法
}
}; //定义返回的公有对象
var _Field = "Test Static Field"; //私有字段
var privateMethod = function(){ //私有方法
alert(Return.Property); //调用属性
}
return Return; //生成公有静态元素
})();
这次,我用的是闭包的方式去实现,其中最重要的一点是reutrn Return; 这里会引伸到值类型与引用类型的概念。在js里,Object就是一个引用类型,在闭包里,我会抛出一个包含有属性与方法的Object的引用,这样,也可以说是把这个Object抛向了外部,实现了公开。StaticClass这个变量接住了Return引用。 对于闭包内部的私有字段与方法都是没有被抛出的,这样就可以形成一个私有的环境。
很多时候我们都会用这种技巧去对JS进行分块,让程序不会那么的混乱。
上面的例子没这么干过的兄弟们也可以自己去试试。忘了,刚刚那个例子大家可以这么样去试试。
代码如下:
StaticClass.Method();
StaticClass.Property = "Test2";
StaticClass.Method();
一个人能够走多远,取决于与谁同行
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript setTimeout()传递函数参数(包括传递对象参数)
- javascript在事件监听方面的兼容性小结
- javascript 程序库的比较(一)之DOM功能
- JS 文件大小判断的实现代码
- 查看QQ是否在线状态的网页代码
- 用jQuery简化Ajax开发实现方法
- 基于jquery的一个简单的脚本验证插件
- js获取单元格自定义属性值的代码(IE/Firefox)
- js+json用表格实现简单网站左侧导航
- offsetParent 算法分析
- 一个超简单的JS拖拽实现代码(兼容IE,Firefox)
- javascript encodeURI和encodeURIComponent的比较
- jQuery 技巧小结
- jquery 页面全选框实践代码
- jQuery 自动增长的文本输入框实现代码
- jquery select下拉框操作的一些说明
- 纯JavaScript实现的完美渐变弹出层效果代码
- AJAX使用了UpdatePanel后无法使用alert弹出脚本
- 获取焦点时,利用js定时器设定时间执行动作