我正在读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
发布于 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]
基本上就是这样,如果我说错了什么,请纠正我,因为我正在努力学习……
再次感谢。
发布于 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 。
发布于 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
复制相似问题