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