上次pro js读书笔记里面,我说有段代码书里面有错,可是自己不知道怎么改,偶然的机会在g9 老大的blog上看到了解决方法。
http://blog.csdn.net/g9yuayon/archive/2007/04/18/1568980.aspx
错误代码:
[code]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()); [/code]
此时的结果将会打印出两个44,有关这点g9的blog上这样的解答:
[quote]
JavaScript的Closure环境由静态的句法结构确定。也就是说,代码一旦写成,我们就知道函数的自由变量同哪些环境里的变量绑定。因此,虽然运行时同一个内函数被调用多次,创建了多个闭包,这些闭包指向的都是同一个环境里的同一个变量。这样同JavaScript规定的闭包语义一致。[/quote]
[color=red]这句不是很理解,望那个达人能够解释一下.[/color]
于是我们进行改进我们可以加进去一个叫做factor function的东东。
请看改写后的代码.
[code]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()); [/code]
这样就可以打印出正确的结果了.
http://blog.csdn.net/g9yuayon/archive/2007/04/18/1568980.aspx
错误代码:
[code]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()); [/code]
此时的结果将会打印出两个44,有关这点g9的blog上这样的解答:
[quote]
JavaScript的Closure环境由静态的句法结构确定。也就是说,代码一旦写成,我们就知道函数的自由变量同哪些环境里的变量绑定。因此,虽然运行时同一个内函数被调用多次,创建了多个闭包,这些闭包指向的都是同一个环境里的同一个变量。这样同JavaScript规定的闭包语义一致。[/quote]
[color=red]这句不是很理解,望那个达人能够解释一下.[/color]
于是我们进行改进我们可以加进去一个叫做factor function的东东。
请看改写后的代码.
[code]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()); [/code]
这样就可以打印出正确的结果了.