Zugriff auf Klassenmember innerhalb von Callback, wenn innerhalb der ES6-Klassenanweisung

Question

Wichtig Ich verwende die ES6-Klasse-Anweisung. Antworten auf "Klassen", die mit einer Funktion definiert sind, gelten nicht, da in einer Klassenanweisung etwa var this = that nicht erlaubt ist. Die Antworten, die ich hier gesehen habe, funktionieren nicht. Keine Variablen außerhalb des Callbacks sind sichtbar.

WebPageReader.Storage = class { 
    constructor(object) { 
    this.Object = object; 
    var self = this; // self is out of scope when constructor completes 
    } 

    // var self = this; // not allowed here 

    Load() { 
    chrome.storage.sync.get('somesetting', 
     function (setting) { 
     console.log(this.Object); // I need to do something with this.Object defined at the class level, but this points to something besides my class. 
     } 
    ); 
    } 
} 

Answer 1

Sie können eine der beiden folgen:

Load() { 
    const that = this; 

    chrome.storage.sync.get('somesetting', 
     function (setting) { 
     console.log(that.Object); 
     } 
    ); 
    } 

oder

Load() { 
    chrome.storage.sync.get('somesetting', 
     setting => { 
     console.log(this.Object); 
     } 
    ); 
    } 

Referenzen:

• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions