有时候,我们在设置一个对象的属性的时候,需要对赋予的值进行一些变化,例如设置一个对象的a属性为2,但是实际上我们需要他在输出的时候返回的是2*3。那么这时候,我们就可能需要使用setter去设置,但是如果这么写的话,
let myObj = {
get a () {
return this.a
},
set a (val) {
this.a = val * 3
}
}
myObj.a = 2 // 报错
会报下面的错误
Uncaught RangeError: Maximum call stack size exceeded
这是为什么呢?
因为在set中我们又对a属性进行了赋值,所以在set中又会再次调用我们为myObj对象设置的set,导致一直在不断的循环调用。
如果要在set中对赋值进行操作,我们可以这么解决这个问题。在myObj对象中内置一个_a,如下:
let myObj = {
get a () {
return this._a
}
set a (val) {
this._a = val * 3
}
}
myObj.a = 2 // 6