诡异的js闭包问题的解决.

上次pro js读书笔记里面，我说有段代码书里面有错，可是自己不知道怎么改，偶然的机会在g9 老大的blog上看到了解决方法。

http://blog.csdn.net/g9yuayon/archive/2007/04/18/1568980.aspx

错误代码：

function User( properties ) {   
    var temp=this;   
    for ( var i in properties ) { (function(){   
  
        temp[ "get" + i ] = function() {   
            return properties[i];   
        };   
  
        temp[ "set" + i ] = function(val) {   
            properties[i] = val;   
        };   
    })(); }   
}   
  
var user = new User({   
    name: "Bob",   
    age: 44   
});   
alert( user.getname() );   
  
alert( user.getage());  

此时的结果将会打印出两个44，有关这点g9的blog上这样的解答：

引用

JavaScript的Closure环境由静态的句法结构确定。也就是说，代码一旦写成，我们就知道函数的自由变量同哪些环境里的变量绑定。因此，虽然运行时同一个内函数被调用多次，创建了多个闭包，这些闭包指向的都是同一个环境里的同一个变量。这样同JavaScript规定的闭包语义一致。

这句不是很理解，望那个达人能够解释一下.

于是我们进行改进我们可以加进去一个叫做factor function的东东。
请看改写后的代码.

function User( properties ) {   
    var temp=this;   
    for ( var i in properties ) { 
	(function(i){   
        temp[ "get" + i ] = function() {   
            return properties[i];   
        };   
        temp[ "set" + i ] = function(val) {   
            properties[i] = val;   
        };   
    })(i); 
	}
}   
  
var user = new User({   
    name: "Bob",   
    age: 44   
});   
  
  
alert( user.getname());  
user.setname("bobo");
alert(user.getname()); 
alert( user.getage());  

这样就可以打印出正确的结果了.

评论

7 楼 yeuego 2013-09-06  

匿名函数，是独立运行，如果不是全局或传参方式，函数里是无法获取到值的。

6 楼 yeuego 2013-09-06  

我很少像你们这样写

一般我是这样写的

function User( properties ) {var temp=this;for ( var i in properties )eval("temp['get"+i+"']=function(){return properties['"+i+"'];};temp['set"+i+"']=function(val){properties['"+i+"'] = val; };");}    
   
var user = new User({    
    name: "Bob",    
    age: 44    
});


alert( user.getname() );    
   
alert( user.getage());  

5 楼 jindw 2008-08-13  

你要先知道一个让很多人服略的情况。
javascript只有函数变量，没有块变量。

你的闭包外共享的是同一个函数变量。

4 楼 dennis_zane 2007-09-20  

这里应该是创建的两个闭包共享自由变量i

3 楼 咖啡豆子 2007-09-09  

我觉得闭包里绑定的是变量而不是变量的值,所以第一次这样写以后:
# temp[ "get" + i ] = function() {    
#             return properties[i];    
#         };
并没有将properties["name"]绑定给this.getname.
第二次绑定this.getage的时候是同样道理,i最后的值是"age",所以两个getter在使用的时候都是properties["age"],好象i不会被垃圾收集,因为它被闭包使用了.不知道我的理解对不对?

2 楼 Lich_Ray 2007-09-05  

引用

这句不是很理解，望那个达人能够解释一下.

已经没法儿解释了，除非你不知道闭包变量是什么。

1 楼 笨笨狗 2007-09-05  

这是因为在外层闭包里面又生成了个闭包，然后是通过参数传递变量进去的，其实这么写更容易理解：

function User( properties ) {     
	var temp=this;     
	for ( var i in properties ) {   
		(function(j){     
			temp[ "get" + j ] = function() {     
				return properties[j];     
			};     
			temp[ "set" + j ] = function(val) {     
				properties[j] = val;     
			};     
		})(i);   
	}  
}