Javascript 的函数式对象（3）利用闭包模拟类的静态变量和方法

?

?? ? ?除了模拟类的私有变量和私有方法。闭包还可用来模拟类的静态变量和方法。

?

除了再次利用js的闭包特性，还需要借助js语法上的一些特点。看下面一段代码：

?

?

var MyNamespace = {}; // 定义命名空间

MyNamespace.TreeItem = (function(){
    
    //使用闭包产生的私有静态变量，不可被外部访问
    var numTreeItems = 0;
    
    //使用闭包产生的私有静态方法，不可被外部访问
    function counter(){
    	numTreeItems ++;
    	console.log("Created "+numTreeItems+" tree items!");
    }
    
    //该匿名函数的引用将被赋予MyNamespace.TreeItem
    return function(){
        //使用闭包产生的私有类变量，不可被外部访问
    	var label;

    	//可访问私有变量，也可被外部访问的方法
    	this.setLabel = function( newLabel ){
            label = newLabel;
    	}; 

    	this.getLabel = function(){
            return label;
    	};
        
        //该方法用来累计实例的数量
    	counter();
    }
})(); //在函数定义的末尾加上括号，表示该函数在定义后立即执行

//不可访问私有变量以及其它公共方法的静态公共方法
MyNamespace.TreeItem.clone = function(otherInstance){
	
};

MyNamespace.TreeItem.prototype = {
	
    // 不可访问私有变量，但可访问其它公共方法的公共方法
    print: function(){
        console.log(this.getLabel());
    }
};

var treeItem1 = new MyNamespace.TreeItem(); // print 1
var treeItem2 = new MyNamespace.TreeItem(); // print 2

?

?

执行上述代码后，浏览器控制台将会输出如下字符串：

?

?Created 1 tree items!

?Created 2 tree items!

?

之所以把上述一些js变量和函数称为“静态”，是借用了Java的提法。

?

这些“静态”变量和方法被保存在闭包中，在内存中是唯一的，

?

不会随着该函数副本的增加而增加。如果一个函数需要被实例化多次，

?

但其中的一些内部函数并不需要访问任何实例数据，从节省内存的角度考虑，

?

可采用上述构建静态函数的方法。js中的“静态”概念，有一点与Java不同：

?

如果上述TreeItem被设为null，即不再有引用指向它，那么它的闭包也将消失，

?

保存在闭包中的静态变量和方法，也将被垃圾回收器择机回收。

?

?

4 楼 biyelei 2011-01-13  

      

var MyNamespace = {};
  
MyNamespace.TreeItem = (function()
{        
    var numTreeItems = 0;  
      
    function counter()
    {  
        numTreeItems ++;  
        console.log("Created "+numTreeItems+" tree items!");  
	//alert(numTreeItems);
    } 
        
    return counter;
})(); 
  
var treeItem1 = new MyNamespace.TreeItem(); 
var treeItem2 = new MyNamespace.TreeItem();
var treeItem3 = MyNamespace.TreeItem(); 
var treeItem4 = MyNamespace.TreeItem();

6 楼 sdtm1016 2011-05-24  

http://www.iteye.com/problems/65721
看了他的提问，没想明白

7 楼 HeroCL 2011-05-24  

sdtm1016 写道

http://www.iteye.com/problems/65721
看了他的提问，没想明白

这个问题我考虑了一个礼拜了，就是没有弄明白，匿名闭包里的变量为什么只有一份，斑竹给个答案啊！！！！

var MyNamespace = {};
  
MyNamespace.TreeItem = (function()
{        
    var numTreeItems = 0;  
      
    function counter()
    {  
        numTreeItems ++;  
        console.log("Created "+numTreeItems+" tree items!");  
	//alert(numTreeItems);
    } 
        
    return counter;
})(); 
  
var treeItem1 = new MyNamespace.TreeItem(); 
var treeItem2 = new MyNamespace.TreeItem();
var treeItem3 = MyNamespace.TreeItem(); 
var treeItem4 = MyNamespace.TreeItem();

9 楼 sdtm1016 2011-05-25  

这回明白了

10 楼 hbc8848 2011-05-25  

HeroCL 写道

sdtm1016 写道

http://www.iteye.com/problems/65721
看了他的提问，没想明白

这个问题我考虑了一个礼拜了，就是没有弄明白，匿名闭包里的变量为什么只有一份，斑竹给个答案啊！！！！

这个问题和js的解释机制有关，因为js是函数式解释语言，一个函数里引用到的所有变量都会被保存而不会被垃圾回收器回收，也就是说函数在被定义时赖以运行的上下文环境会被js解释器原样封存起来，直到函数被再次调用时，再从内存中取出那些所谓的“静态变量”来影响函数的运行结果。这也是我们称之为闭包（closure）的来由。这些被引用到的“静态变量”并不会随着new出来的函数实例的增多而增多，它们在内存中永远只有一份。如果我们把js中的new一个函数比作java里的clone方法的话，那么我们要说js的clone同样是浅拷贝而不是深拷贝，即只拷贝基本类型而不拷贝引用。我想这么说可以更好地帮助我们理解“闭包”。