如何访问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); 
    } 
}