ES6 getter和setter怪異行爲

Question

我很困惑ES6 getters和setter。你能解釋一下這裏發生了什麼，以及爲什麼我得到堆棧溢出。

我對Node.js的V5.1.1運行此

'use strict'; 

class List { 
    constructor(next, val) { 
    this.next = next; 
    this.val = val; 
    } 

    set val(v) { 
    this.val = v; 
    } 

    get val() { 
    return this.name; 
    } 
} 


let res = new List(null, 1); 
res.val = 3; 
console.log(res); 

下面是輸出：

/Users/o/code/test/test.js:9 
set val(v) { 
    ^

RangeError: Maximum call stack size exceeded 

Answer 1

您在VAL二傳手，這是造成無限遞歸重新設定this.val通過再次調用setter，只需將this.val替換爲this._val即可。這將解決問題:)

class List { 
    constructor(next, val) { 
    this.next = next; 
    this._val = val; 
    } 

    set val(v) { 
    this._val = v; 
    } 

    get val() { 
    return this.name; 
    } 
}