如何訪問es6類構造函數中的click事件的方法？

Question

我創建了一個類來管理與我的應用程序的主要UI交互。在構造函數中，我想連接導航li的click事件。有人可以幫我弄清楚如何正確的範圍這些對象？

class app { 
    constructor() { 

     $('.nav li').on("click", function() { 
      // I want to call changeView but pass in the data attribute from the li as the view param 
      // ex. changeView($(this).data('view')); 
     }); 

    } 

    changeView(view) { 
     console.log(view); 
    } 
} 

Answer 1

使用箭頭功能這將工作：

$('.nav li').on("click", e => { 
    this.changeView($(e.target).data('view')); 
}); 

Answer 2

我相信如果你使用ES6箭頭功能

class app { 
    constructor() { 
     $('.nav li').on("click",() => { 
      // I want to call changeView but pass in the data attribute from the li as the view param 
      this.changeView($(this).data('view')); 
     }); 
    } 

    changeView(view) { 
     console.log(view); 
    } 
}