Jak korzystać z pobierających i ustawiających w JavaScript

Question

Czy ktoś może mi wyjaśnić, dlaczego ten prosty fragment kodu nie działa?

var user = { 
    get name() { 
     return this.name; 
    },  
    set name(value) { 
     this.name = value; 
    } 
}; 
user.name = 'David'; 

Kiedy kładę to w konsoli Firebug Firefox 21,0 daje mi ten błąd:

InternalError: too much recursion 
this.name = value; 

Dlaczego? Jaki jest właściwy sposób definiowania modułów pobierających i ustawiających w JavaScript?

Answer 1

Podczas próby ustawienia name, funkcja ustawi się na this.name = value.

Ale funkcja próbuje teraz ustawić name. Dlatego wywoła funkcję ponownie i ustawi this.name na value.

Ale funkcja próbuje teraz ustawić name. Dlatego wywoła funkcję ponownie i ustawi this.name na value.

Ale funkcja próbuje teraz ustawić name. Dlatego wywoła funkcję ponownie i ustawi this.name na value.

....... Jakiś czas później .......

Ale ta funkcja jest teraz próbuje ustawić name. Dlatego wywoła funkcję ponownie i ustawi this.name na value.

Jednak przeglądarka ustaliła, że ​​stos wywołań jest zbyt głęboki, funkcja nazywa się zbyt wiele razy i dlatego, aby zapobiec całkowitemu zawieszeniu, powoduje awarię funkcji z powodu błędu, który widzisz.

---

Spróbuj użyć innej nazwy właściwości, na przykład this._name, aby zapisać i pobrać wartość.

Answer 2

spróbować

var user = { 
    get name() { 
     return this._name; 
    },  
    set name(value) { 
     this._name = value; 
    } 
}; 
user.name = 'David'; 

Uwaga wykorzystanie _name zamiast name. Ustawienie wartości name w ustawieniu name jest wywołaniem rekurencyjnym, stąd wyjątek.

Answer 3

Twój seter sam siebie nazywa.

Oto rozwiązanie:

var user = { 
    get name() { 
     return this._name; 
    },  
    set name(value) { 
     this._name = value; 
    } 
}; 
user.name = 'David'; 

Side Uwaga: Należy uważać, aby operatorzy get i set nie są obsługiwane w IE8.