javascript - 无法使用 defineProperty 方法在对象中设置属性

Question

我已经使用 javascript 的 defineProperty 方法定义了一个对象并定义了一个属性。

var obj ={};
Object.defineProperty(obj,'b',{get:function(){
return 5},
set:function(value){
this.b = value}
});

但是当我使用下面的语句设置 b 的值时

obj.b = 25

它给了我

RangeError:超出最大调用堆栈大小

如何设置b的值？

Answer 1

您在无限递归循环中使用 setter，setter 中的代码再次使用它:

this.b = value; //this use setter of b again

将其更改为任何不同的变量名称，例如:

this.bVal=value;

所有代码:

//example object
obj={};

Object.defineProperty(obj,'b',{
get:function(){
  return this.bVal;
},
set:function(value){
  this.bVal=value;
}
});

obj.b="Test text value of property b";
console.log(obj.b);

为什么之前的代码是死循环？看一看:

obj.b=12; //this code run set function

set 函数内部是:

this.b=value; //this code also runs set function because this===obj

所以 set 函数被一次又一次地调用，永不停止。