在RangeError中使用`Object.defineProperty`

Question

我正在尝试使用Object.defineProperty来更新我的obj对象，以便在obj.name上有一个get和set访问obj.name 。

var obj = {};

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

console.log("obj:", obj);
console.log("obj.name:", obj.name);

但是我得到了一个Uncaught RangeError: Maximum call stack size exceeded 。

如何使用Object.defineProperty在obj的name属性上添加get和set访问器？

http://jsfiddle.net/kman007_us/ZwYp6/

Answer 1

当你得到obj.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
当你得到this.name ， get调用get函数，它返回this.name的值。
未捕获RangeError：超出最大调用堆栈大小。

---

尝试return this.__name; this.__name = x; 代替。

Answer 2

您无法使用与使用Object.defineProperty定义的属性相同的名称访问getter或setter中的属性。 您创建了一个永不退出的递归函数调用。