JavaScript动态定义属性

JavaScript dynamically defining properties

本文关键字：属性 定义 动态 JavaScript      更新时间：2023-09-26

我正在开发一个JS框架，遇到了一些奇怪的东西（或者我错过了完全明显的东西）

我使用Object.defineProperty定义对象的属性。然而，在for循环中使用它会产生一些奇怪的值。不知何故，添加的最后一个属性将始终是指定的值。例如，如果我将某个东西分配给属性one，它将被分配给属性three。这是一个例子（还有一把小提琴http://jsfiddle.net/5xLdC/)

var Test = function(){};
var props = ['one', 'two', 'three'];
for(var i = 0; i < props.length; i++) {
  Object.defineProperty(Test.prototype, props[i], {
    get: function() {
      return this['_'+props[i]];
    },
    set: function(val) {
      this['_'+props[i]] = val;
    }
  });
}
var test = new Test();
test.one = 'one';
console.log(test.three) // => 'one'

如果我把它封装在一个forEach循环中，它会非常好地工作。我的猜测是，由于作用域错误（就我而言？），它们都持有相同的get/set函数。

有人能解释一下为什么会发生这种情况吗？

编辑：

也可以用IIFE解决：

get:(function(y) {
   return function() { return this['_'+props[y]]; }
})(i)

get和set是所有引用同一变量i的函数。当您在循环外调用函数时，i为3。使用forEach时，定义属性的函数会将索引或键作为参数，这在每次调用中都是不同的实体。

相关文章：