内部ES6クラスステートメント内でコールバック内のクラスメンバーにアクセス

Question

重要私はES6クラスステートメントを使用しています。クラスステートメントでvar this = thatのようなものが許可されていないため、関数で定義された "クラス"に関する回答は適用されません。私が見た答えはうまくいかない。コールバック以外の変数は表示されません。

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

次の2つのいずれかに従うことができます：

Load() { 
    const that = this; 

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

または

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

参考文献を：

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