如何在JavaScript中使用defineProperty動態獲取？

Question

我想在下面的JavaScript中用defineProperty定義動態獲取器函數。爲了實現只讀功能，我想使用defineProperty。這使我能夠在setter函數中拋出Exception。

但是，吸氣功能將不起作用。我認爲這個getter動態地返回obj的任何屬性。但事實並非如此。它總是返回obj["three"]，最後一個屬性。有沒有什麼方法可以使動態getter在JavaScript中返回適當的屬性？

var obj = {"one":1, "two":2, "three":3}; 
var cloned = {}; 

for (var prop in obj) 
{ 
    var getter = makeGetter(prop); 
    Object.defineProperty(cloned, prop, 
    { 
     set: function() 
     { 
      throw new UnableRewriteException('original cannot be rewrite'); 
     }, 
     get: function() 
     { 
      return obj[prop] 
     }, 
     enumerable: true 
    }); 
} 

Answer 1

由於@ paul-s提到你在循環中有一個閉包問題。一個簡單的修復：

var obj = {"one":1, "two":2, "three":3}; 
var cloned = {}; 

function makeReadOnlyProperty(cloned, obj, prop) { 
    Object.defineProperty(cloned, prop, 
    { 
     set: function() 
     { 
      throw new UnableRewriteException('original cannot be rewrite'); 
     }, 
     get: function() 
     { 
      return obj[prop] 
     }, 
     enumerable: true 
    }); 
} 

for (var prop in obj) 
{ 
    makeReadOnlyProperty(cloned, obj, prop); 
}