Javascript自动getter/setters (John Resig Book)
我正在读John Resig的"Pro Javascript Techniques“，我对一个例子感到困惑。代码如下：
// Create a new user object that accepts an object of properties
function User( properties ) {
// Iterate through the properties of the object, and make sure
// that it's properly scoped (as discussed previously)
for ( var i in properties ) { (function(){
// Create a new getter for the property
this[ "get" + i ] = function() {
return properties[i];
};
// Create a new setter for the property
this[ "set" + i ] = function(val) {
properties[i] = val;
};
})(); }
}
// Create a new user object instance and pass in an object of
// properties to seed it with
var user = new User({
name: "Bob",
age: 44
});
// Just note that the name property does not exist, as it's private
// within the properties object
alert( user.name == null );
// However, we're able to access its value using the new getname()
// method, that was dynamically generated
alert( user.getname() == "Bob" );
// Finally, we can see that it's possible to set and get the age using
// the newly generated functions
user.setage( 22 );
alert( user.getage() == 22 );现在，在Firebug控制台(在FF3上)上运行该函数时，会发现user.getname()不是一个函数。我试过这样做：
var other = User
other()
window.getname() --> this works!它成功了！
知道为什么吗？谢谢大家！
附言:我强烈推荐这本书。
编辑：
正在做什么：
var me = this;似乎工作得更好一些，但当执行"getname()“时，它返回'44‘(第二个属性)...
我还觉得奇怪的是，它不需要修改就能在window对象上工作……
第三个问题，PEZ解决方案和原始方案有什么不同？(他不使用匿名函数)
感谢大家的反馈！+1
回答 8
Stack Overflow用户
发布于 2008-12-19 13:14:30
我开始写这篇文章的唯一目的就是想知道为什么会发生这样的事情，我最终做到了。因此，如果其他人对“为什么”感兴趣，这里有：
为什么匿名函数中的'this‘会发生变化？
在一个对象或另一个函数中声明的新函数，即使它是匿名的，也总是会更改作用域，在这种情况下会返回到全局作用域(窗口)
解决方案:所有这些都在帖子中陈述，我认为清理者正在使用.call(这)执行匿名函数。
为什么getname()总是返回年龄？
当匿名函数被立即执行时，getter/setter在第一次被调用时被执行。在那一刻，i的值将始终是最后一个，因为它已经对所有属性进行了迭代...并将始终返回属性i，这是最后一个值，在本例中为age。
解决方案:将i值保存在一个变量中，如下所示
for ( i in properties ) { (function(){
var j = i
//from now on use properties[j]基本上就是这样，如果我说错了什么，请纠正我，因为我正在努力学习……
再次感谢。
Stack Overflow用户
发布于 2008-12-19 13:57:08
在中工作时，我认为最好不要使用 new 关键字。
这是因为如果您随后错误地使用新关键字(例如：var user = User())在没有的情况下实例化对象，*将会发生*非常糟糕的事情...*原因是在函数中(如果不使用new关键字实例化)，this将引用全局对象，即window...
因此，我建议使用类对象的一种更好的方法。
考虑以下示例：
var user = function (props) {
var pObject = {};
for (p in props) {
(function (pc) {
pObject['set' + pc] = function (v) {
props[pc] = v;
return pObject;
}
pObject['get' + pc] = function () {
return props[pc];
}
})(p);
}
return pObject;
}在上面的例子中，我在函数内部创建了一个新对象，然后将getter和setter附加到这个新创建的对象上。
最后，我将返回这个新创建的对象。请注意，this关键字不会在任何地方使用
然后，为了“实例化”一个user，我将执行以下操作：
var john = user({name : 'Andreas', age : 21});
john.getname(); //returns 'Andreas'
john.setage(19).getage(); //returns 19避免陷入陷阱的最好方法就是一开始就不创建它们。在上面的示例中，我通过根本不使用new new 来避免new关键字陷阱(正如我所说的，在应该使用的时候不使用它会导致不好的事情发生)。根本不使用 said 。
Stack Overflow用户
发布于 2008-12-18 12:58:40
编辑:现在，改编Jason的答案，它是有效的：
我们需要为这些值做一个闭包。这里有一种方法：
function bindAccessors(o, property, value) {
var _value = value;
o["get" + property] = function() {
return _value;
};
o["set" + property] = function(v) {
_value = v;
};
}然后，用户构造函数如下所示：
function User( properties ) {
for (var i in properties ) {
bindAccessors(this, i, properties[i]);
}
}https://stackoverflow.com/questions/377716
复制相似问题