如何在傳遞函數時保持'this'的原始範圍？

Question

我有一個函數，調用它meow()，作爲一類的一部分，稱之爲Cat：

export class Cat(){ 

    private meow(){ 
     console.log(this); 
    } 

現在，說我有另一個類，稱之爲Kitten，這需要一個函數作爲其構造的一部分：

export class Kitten { 

    var kittenMeow: {(): void; }; //note the typing 

    constructor(functionForMeow : {(): void; }){ //note the typing 
     this.kittenMeow = functionForMeow; 
    } 

    public meow(){ 
     this.kittenMeow(); 
    } 
} 

現在說我添加以下到Cat類：

export class Cat(){ 

    constructor(){ 
     this.giveBirth(); 
    } 

    private meow(){ 
     console.log(this); 
    } 

    giveBirth(){ 
     var kitty = new Kitten(this.meow); 
     kitty.meow(); 
    } 
} 

當我運行此代碼時，「Kitten」被記錄到控制檯。我怎樣才能讓「貓」登錄到控制檯？也就是說，我怎麼保存的this原來的範圍，使this指Cat而不是Kitten

Answer 1

您可以使用.bind() method，以便在當前範圍內指定的this值。然後當執行該功能時，this將參考Cat而不是Kitten。

var kitty = new Kitten(this.meow.bind(this)); 

換句話說，由於this指Cat的giveBirth方法範圍內，也就是在其他範圍執行所述功能時所傳遞的值。

export class Cat { 
    giveBirth() { 
    var kitty = new Kitten(this.meow.bind(this)); 
    kitty.meow(); 
    } 
}