diese/Selbst in es6 Klasse

Question

Wenn ich eine Methode eines es6 Klasse von einem Rückruf anrufen kann ich nicht zu this als mein Objekt beziehen mehr:

class store{ 
    constructor(){ 
    this.value = 10; 
    }; 

    printValue(self){ 
    console.log(this); 
    console.log(self);//the value that I want print 
    }; 
}; 

class undefinedClass{ 
    constructor(store){ 
    this.store = store; 
    }; 

    storeQuery(){ 
    let ff = this.store.printValue; 
    setTimeout(ff, 300, this.store); 
    }; 
}; 

let i = new store(); 
let b = new undefinedClass(i); 
b.storeQuery(); 

Wenn ich rufe b.storeQuery() tha Wert, Ich möchte drucken ist der zweite. Gibt es einen eleganteren Weg, das zu tun?

Answer 1

Wie @ Alex sagen, mit einem .bind

Die Dokumentation ist here

class store{ 
 
    constructor(){ 
 
    this.value = 10; 
 
    }; 
 

 
    printValue(){ 
 
    
 
    console.log(this.value);//the value that I want print 
 
    }; 
 
}; 
 

 
class undefinedClass{ 
 
    constructor(store){ 
 
    this.store = store; 
 
    }; 
 

 
    storeQuery(){ 
 
    setTimeout(this.store.printValue.bind(this.store), 300); 
 
    }; 
 
}; 
 

 

 
let i = new store(); 
 
let b = new undefinedClass(i); 
 

 
    
 
b.storeQuery();

Answer 2

Wenn Sie die Funktionsreferenz eines Objekts in JavaScript verwenden, wird die Einstellung ThisBinding für dieses Objekt verloren gehen.

Sie können die ThisBinding zu irgendetwas mit Function.prototype.bind(). In diesem Fall würden Sie etwas wie ff.bind(this.store) verwenden.