遺漏的類型錯誤：this.function不是一個函數

Question

你好，這是我的（shortcuted）示例代碼：

export class SolarSystemInfo { 

    constructor() { 
     this.test(); 
    } 

    // click on solar system 
    clickSolarSystem() { 
     $("body").on("click",".hex", function() { 
      this.test(); 
     }); 
    } 

    public test() { 
     alert('test'); 
    } 

} 

我的問題是，在構造函數是測試，稱爲右功能，但在clickSolarSystem打完電話後功能this.test（）我得到：遺漏的類型錯誤：this.test不是一個函數
我怎麼也叫測試函數在我的函數內部類？
謝謝

Answer 1

當執行回調函數時，this的上下文丟失。
要解決，你可以使用arrow function：

clickSolarSystem() { 
    $("body").on("click",".hex",() => { 
     this.test(); 
    }); 
} 

或者你可以使用bind method：

clickSolarSystem() { 
    $("body").on("click",".hex", function() { 
     this.test(); 
    }).bind(this); 
}