JS: Probleme beim Zugriff auf Daten in einem Objekt innerhalb einer eingeschlossenen Funktion

Question

Ich möchte, dass das Objekt innerhalb des Objekts mit dem this-Schlüsselwort referenziert wird. Ich möchte alle Daten in einem Objekt sein. Nun frage ich mich, wie ich von anderen Funktionen auf die Daten zugreifen kann.

Ich habe keine Ahnung.

var composer = { 
 
     currentChordType: [], 
 

 
     setChordType: function() { 
 
     this.currentChordType = [5, 4]; 
 
     }, 
 

 
     getNextChord: function() { 
 
     var index = Math.floor(Math.random() * 3); 
 
     switch (index) { 
 
      case (0): 
 
      { 
 
       switch (this.currentChordType[0]) { 
 
       /* more code .... */ 
 
       } 
 
      } 
 
      /* more code .... */ 
 
     } 
 
     } 
 
    } 
 

 
    composer.setChordType(); 
 
    composer.getNextChord();

Fehler ist: switch (this.currentChordType[0]) {

Answer 1

Ich wette, dass Ihr reale, wirkliche, brechen Code, den Sie nicht uns lieferten tut so etwas wie button.addEventListener("click", composer.getNextChord) oder etwas ähnliches mit einem Rückruf irgendwo. In diesem Fall müssen Sie die Methode bind für das Composer-Objekt verwenden.

Nachdem Sie Ihren Komponisten definieren, binden die Methoden, um es:

var composer = { 
    ... 
    getNextChord: function() { ... } 
}; 

// Add this bit: 
composer.getNextChord = composer.getNextChord.bind(composer); 

Answer 2

Es ist wie ist der Umfang sieht in der oben switch Aussage verwirrt zu werden: Uncaught TypeError: Cannot read property '0' of undefined

die Linie, die Probleme macht. Entwickler behalten den Bereich normalerweise bei, indem sie this einer anderen Variablen zuweisen und dann überall darauf zugreifen. Also versuchen Sie dieses

getNextChord: function() { 
    var that = this; 
    var index = Math.floor(Math.random() * 3); 
    switch (index) { 
     case (0): 
     { 
      switch (that.currentChordType[0]) { 
      /* more code .... */ 
      } 
     } 
     /* more code .... */ 
    } 
    }