javascript - 如何访问 es6 类构造函数中单击事件的方法？

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 7 年前。

我创建了一个类来管理与我的应用程序的主要 UI 交互。在构造函数中，我想连接导航李的单击事件。有人可以帮我弄清楚如何正确确定这些对象的范围吗？

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'));
});