龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

Javascript私有成员的实现方式

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
我之前买过一本书《Javascript高级程序设计》 Nicholas C.Zakas 著 总体来讲这本书还是可以的,但看完这本书还留了几个问题一直困扰着我,如js中私有变量的实现,prototype等,经过自己一系

我之前买过一本书《Javascript高级程序设计》 Nicholas C.Zakas 著

总体来讲这本书还是可以的,但看完这本书还留了几个问题一直困扰着我,如js中私有变量的实现,prototype等,经过自己一系列测试,现在终于弄明白了。

很多书上都是说,Javascript是不能真正实现Javascript私有成员的,因此在开发的时候,统一约定 __ 两个下划线开头为私有变量。

后来,发现Javascript中闭包的特性,从而彻底解决了Javascript私有成员的问题。

  1.  function testFn(){  
  2.        var _Name;//定义Javascript私有成员  
  3.        this.setName = function(name){  
  4.           _Name = name; //从当前执行环境中获取_Name  
  5.        }  
  6.        this.getName = function(){  
  7.           return _Name;  
  8.        }  
  9. }// End testFn  
  10. var test = testFn();  
  11. alert(typeof test._Name === "undefined")//true  
  12. test.setName("KenChen"); 

test._Name 根本访问不到,但是用对象方法能访问到,因为闭包能从当前的执行环境中获取信息。

接下来我们看看,共有成员是怎样实现的

  1. function testFn(name){  
  2.    this.Name = name;  
  3.    this.getName = function(){  
  4.       return this.Name;  
  5.    }  
  6. }  
  7. var test = new testFn("KenChen");  
  8. test.getName(); //KenChen  
  9. test.Name = "CC";  
  10. est.getName();//CC 

接下来在看看类静态变量是怎样实现的

  1. function testFn(){  
  2. }  
  3. testFn.Name = "KenChen";  
  4. alert(testFn.Name);//KenChen  
  5. testFn.Name = "CC";  
  6. alert(testFn.Name);//CC 

关于Portotype,继承等以后的博文中叙述。

  1. JavaScript类和继承:prototype属性
  2. JavaScript类和继承:this属性
  3. ExtJS Grid Tooltip的3+1种实现方式总结
  4. JavaScript异步调用框架的链式实现
  5. JavaScript异步调用框架的jQuery风格链式调用
精彩图集

赞助商链接