如何在传递函数时保持'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(); 
    } 
}