Javascript自动getter / setters（John Resig Book）

我正在阅读John Resig的“专业Javascript技术”，我对这个例子感到困惑。 这是代码：

// 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!

它的工作！

任何想法为什么？ 谢谢大家！

PS：我强烈推荐这本书。

编辑：

这样做的：

var me = this;

似乎工作得更好一些，但执行“getname（）”时，它返回'44'（第二个属性）...

我也觉得很奇怪，它没有修改就在窗口对象上工作...

第三个问题，PEZ解决方案和原始解决方案有什么区别？ （他不使用匿名函数）

感谢大家的反馈！ +1

---

编辑：现在，调整杰森的答案，它的工作原理：

我们需要对价值进行封闭。 这里有一个方法：

function bindAccessors(o, property, value) {
  var _value = value;
  o["get" + property] = function() {
    return _value;
  };
  o["set" + property] = function(v) {
    _value = v;
  };
}

然后User构造函数如下所示：

function User( properties ) {
  for (var i in properties ) {
    bindAccessors(this, i, properties[i]);
  }
}

---

我认为最好不要在使用JavaScript时使用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的。

---

你可能想要这样的东西，这样更具可读性：（一旦你做了一些练习，闭包很容易学习）

function User( properties ) {
  // helper function to create closures based on passed-in arguments:
  var bindGetterSetter = function(obj,p,properties)
  {
    obj["get"+p]=function() { return properties[p]; }
    obj["set"+p]=function(val) { properties[p]=val; return this; }
  };
  for (var p in properties)
    bindGetterSetter(this, p, properties);
}

我还添加了“返回这个;” 所以你可以这样做：

u=new User({a: 1, b:77, c:48});
u.seta(3).setb(20).setc(400)

链接地址: http://www.djcxy.com/p/40837.html

上一篇: Javascript automatic getter/setters (John Resig Book)

下一篇: Why don't parameters retain their value outside of a function?