Javascript 在对象中动态创建函数

Question

我只是在学习 javascript，但遇到了与范围界定相关的问题。

这是代码

function User (properties) {
    for (var i in properties) {
        (function ()  {
            this ['get' + i] = function () {
                return properties [i];
            };
        }) ();
    }
}

var me = new User ({
    Id : 54,
    Name : 'ohyou'
});

console.log (me.getName ());
console.log (me.getId ());

我希望它如何工作：它应该创建两个函数 getName 和 getId 属于 me 对象。

它是如何工作的：它创建了两个我想要的函数，但它们属于window

我尝试了什么：

• 我尝试删除第 3 行的函数。它执行我想要的操作，但现在它返回 name "ohyou" 两次，而不是返回 id 和 name

• 我尝试使用 window 范围内的函数，但前一种情况的问题仍然存在 - 它两次返回 name。

问题：我做错了什么以及如何让它按我的意愿工作？

附：使用电话发布此帖子，对于可能的拼写错误或格式问题，我们深表歉意。另外，请原谅我的英语水平。

Answer 1

尝试了解以下代码为何有效：

function User(properties) {
    for (var i in properties) {
        with ({ i: i, self: this, props: properties }) {
            self["get" + i] = function () {
                return props[i];
            };
        }
    }
}

var me = new User({
    Id: 54,
    Name: "ohyou"
});

alert(me.getName());
alert(me.getId());

这是with 语句的合法用途之一的示例。

我发现with 语句比其他人建议的使用立即调用函数表达式 (IIFE) 更简洁。

编辑： with 关键字如果使用得当的话还不错。 with 有一些合法用途：

http://webreflection.blogspot.in/2009/12/with-worlds-most-misunderstood.html

---

您的代码不起作用的原因是每个函数都有自己的值this。因此，当您立即在for 循环中调用函数表达式时，函数内this 的值不再是您的新对象。它是window。要解决该问题，您可以执行以下操作：

(function (i, self, props) {
    self["get" + i] = function () {
        return props[i];
    };
}(i, this, properties))

但是，使用with 语句既干净又快速。它更快，因为您没有调用函数。

Answer 2

function User (properties) {
    var that = this;
    for (var i in properties) {
        (function (i)  {

            that ['get' + i] = function () {
                return properties [i];
            };

        }) (i);
    }
}

var me = new User ({
    Id : 54,
    Name : 'ohyou'
});

Answer 3

如果你使用Object.keys 然后forEach，你可以避免所有这些闭包和其他事情，这已经引入了一个新的范围。然后你必须传递this 值，这是第二个参数：

function User(properties) {
  Object.keys(properties).forEach(function(k) {
    this['get'+ k] = function() {
      return properties[k]
    }
  },this)
}

Answer 4

你必须记住，任何不属于任何对象的函数，将永远属于窗口对象。

例如，如果我们修改你的对象并添加一个新方法，

me.doSomeWork = function(){
   this.myLuckyNumber = 10;
   var that = this;
   function doubleMyLuckyNumber(){
      console.log(this); //window
      that.myLuckyNumber = that.myLuckyNumber * 2;     
   } 

  doubleMyLuckyNumber();  
};

me.doSomeWork();
console.log(me.myLuckyNumber) //outputs 20

所以总是保存对 var 的引用以在内部方法中使用它。您可以使用其他人建议的任何方式，但我更喜欢 James emanon 的方法。