Object.definePropertyでのgetterとsetterの使用

Question

Object.defineProperty（）を使用してデータプロパティをアクセサプロパティに変換したいと考えています。私は、なぜエラー作物を理解Uncaught RangeError: Maximum call stack size exceededエラー

var c = { name: 'abcde'}; 
Object.defineProperty(c, 'name', { 
    get: function() { 
     return this.name; //causes stack overflow 
    }, 
    set: function(x) { 
     this.name = x; //causes stack overflow 
     } 
}); 
c.name="xyz"; 
console.log(c.name); 

につながり、このためのコードを考えてみましょう。提案された解決策の 一つはゲッターとセッターから「この」を削除することであり、動作しているようです。

var c = { name: 'abcde'}; 
Object.defineProperty(c, 'name', { 
    get: function() { 
     return name; //removed this 
    }, 
    set: function(x) { 
     name = x; //removed this 
     } 
}); 
c.name="xyz"; 
console.log(c.name); 

何が起こっているか一般的に、Object.defineProperty（）を使用してデータプロパティをアクセサープロパティに変換する方法を尋ねたいと思いますか？それは代わりにオブジェクトcに格納する値を格納するnameと呼ばグローバル変数を使用するため

Answer 1

第二コードが実際機能しません。

window.nameがブラウザのグローバルオブジェクトのデフォルトプロパティでない場合、ES5の "strict mode"によって拒否されます。

より適切な修正はレキシカルスコーププライベート変数に値を保存するために、次のようになります。

var c = (function() { 
    var obj = {}; 
    var name = "abcde"; 

    Object.defineProperty(obj, "name", { 
     get: function() { 
      return name; 
     }, 
     set: function(x) { 
      name = x; 
     } 
    }); 

    return obj; 
})();