Object.defineProperty 获取/设置闭包

好的，我尝试这样创建新对象：

var src = {a:'a', b:'b', c:'c'};
var out = {};
for(var prop in src){   
    Object.defineProperty(out, prop,{
        get: function(){
            return src[prop];
        },
        set: function(val){
            src[prop]=val;
        }
    })
}

并得到一个糟糕的结果：

out = {a:'c', b:'c', c:'c'}

我知道创建这个对象的其他方法，例如：

for (var prop in src) {
    (function(prop) {
        Object.defineProperty(out, prop, {
            get: function() {
                return src[prop];
            },
            set: function(val) {
                src[prop] = val;
            }
        })
    })(prop)
}

or:

Object.keys(src).map(function(prop){
    Object.defineProperty(out, prop,{
        get: function(){
            return src[prop];
        },
        set: function(val){
            src[prop]=val;
        }
    })
})

但我不明白为什么在第一种方法中，字符串参数“prop”将通过链接发送到函数“defineProperty”。请帮助我理解这一点。 抱歉英语不好。

当您在循环内创建函数时，您会围绕该循环中使用的变量创建一个闭包。在这种情况下，周围有一个闭包prop。每个函数（吸气剂）都有一个引用prop因此，当稍后调用它们时（使用 getter 时），它们使用中的值prop这恰好是循环中分配的最后一个值。

换句话说，由于 getter 是稍后调用的，所以中的值prop是它最后设置的值。defineProperty另一方面，由于没有闭包，因此获得了正确的值。它是用调用时的值而不是循环完成后调用的。