在同一个类中调用方法：未捕获类型错误：this.hide_controls不是函数

Question

ECMAScript 6

在html中我有一个id =＆＃34;更新＆＃34;和一些其他控制元素，类=＆＃34;控制＆＃34;。当我按＆＃34;更新＆＃34;按钮，其他控件应该消失。

当我按下＆＃34;更新＆＃34;按钮，我得到：＆＃34;未捕获类型错误：this.hide_controls不是函数＆＃34;。

这可能有所帮助：如果我在断点处停止（参见＆＃34;调试器＆＃34;在代码中），那么＆＃34;这个＆＃34;等于按钮＃update.btn.btn-default.control。

你能帮我调用hide_controls方法。

class ButtonManager{

    constructor (){
        this.init_main_object_buttons();
    }

    init_main_object_buttons(){
        this._main_object_update_button = $("#update");
        this._main_object_update_button.click(this.update_main_object);
        this._controls = $(".control");
    }

    hide_controls(){

        this._controls.addClass("hide");
    }

    update_main_object(){
        debugger;
        this.hide_controls();
        ...
    }
}

Answer 1

更改此行

this._main_object_update_button.click(this.update_main_object);

到这个

this._main_object_update_button.click(this.update_main_object.bind(this));

这会将方法调用的范围绑定到当前实例。 this将等于ButtonManager的实例，就像您希望的那样。