javascript - "this"单击时更改值

Question

如果我有以下代码:

function Something() {
    this.randomElement = $("#element");
}

Something.prototype = {

    functionOne: function() {
        console.log("hello");
    },

    functionTwo: function() {
        this.randomElement.click(function(e) {
            this.functionOne(); //this becomes pointed at randomElement
        });
    }
}

我怎样才能以一种干净的方式编写它，而不必使用 Something.prototype.functionOne() 来替换 this.functionOne() 内部功能二？既然点击事件改变了this的值？

Answer 1

因为 this 绑定(bind)到被单击的项目。您需要使用bind

this.randomElement.click( this.functionOne.bind(this) ); 

或 jQuery 的 proxy 。

this.randomElement.click( $.proxy(this.functionOne, this) );