通過類傳遞函數

Question

我是全新的打字稿，我有一個問題。我寫了下面的代碼：

class FunctionMachine { 
name: string; 
constructor(_name: string) { 
    this.name = _name; 
} 
sayName() { 
    console.log(this.name); 
} 
sayNameWithCallback(callback){ 
    console.log(this.name); 
    callback(); 
} 
} 

var fmHans = new FunctionMachine("Hans"); 
var fmOle = new FunctionMachine("Ole"); 
fmOle.sayName(); 
fmHans.sayNameWithCallback(fmOle.sayName); 

我希望它在編寫「Ole，Hans，Ole」時運行。相反，它返回「Ole，Hans」。

它看起來像「這個」。指的是當我使用fmOle.sayName作爲參數時，我所期望的以外的東西。

這不是在TypeScript中支持，還是我需要重寫我的代碼？

Answer 1

在這種情況下，您需要保護範圍。有一招Ryan Cavanaugh之前提到過你用胖箭頭在班上做這個：

class FunctionMachine { 
    name: string; 
    constructor(_name: string) { 
     this.name = _name; 
    } 

    sayName =() => { // <-- This is the clever bit 
     console.log(this.name); 
    } 

    sayNameWithCallback(callback) { 
     this.sayName(); 
     callback(); 
    } 
} 

var fmHans = new FunctionMachine("Hans"); 
var fmOle = new FunctionMachine("Ole"); 

console.log('First Call'); 
fmOle.sayName(); 

console.log('Second Call'); 
fmHans.sayNameWithCallback(fmOle.sayName);