Unchaught TypeError: Impossibile impostare la proprietà playerNo of # che ha solo un getter sulla riga 4

Question

Mi sto spostando dall'uso delle classi JavaScript hacky di vecchie (funzioni e prototipi) alle nuove classi ES6.

Probabilmente sto facendo qualcosa di stupido, ma non sono sicuro perché io non sono autorizzato a farlo:

class Player{ 
    constructor(playerNo){ 
     this.playerNo = playerNo; 
    }  
    get playerNo(){ 
     return this.playerNo; 
    } 

    set cards(playersCards){ 
     this.cards = playersCards; 
    } 
    get cards(){ 
     return this.cards; 
    } 
} 

var steve = new Player(1); 

Mi dà l'errore: Uncaught TypeError: Cannot set property playerNo of # which has only a getter on line 4

Così, ho provato il qui di seguito:

class Player{ 
    constructor(playerNo){ 
     this.playerNo = playerNo; 
    } 
    set playerNo(no){ 
     this.playerNo = no; 
    } 
    get playerNo(){ 
     return this.playerNo; 
    } 

    set cards(playersCards){ 
     this.cards = playersCards; 
    } 
    get cards(){ 
     return this.cards; 
    } 
} 

var steve = new Player(1); 

che mi dà: Uncaught RangeError: Maximum call stack size exceeded on line 6 (che è la linea this.playerNo = no;).

Qualche idea?

Answer 1

Hai una ricorsione con l'impostazione playerNo.

Nel setter playerNo, provare a impostare this._playerNo = 0.

Nel resto del codice, continuare a fare una distinzione tra il nome del metodo setter e la proprietà interna che memorizza i dati.