js设置setter的时候超出范围

有时候,我们在设置一个对象的属性的时候,需要对赋予的值进行一些变化,例如设置一个对象的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
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值