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

如何以简洁的方式编写此代码，而不必在 functionTwo 中使用 Something.prototype.functionOne() 替换 this.functionOne()？既然点击事件改变了this的值？

Answer 1

因为this 绑定到被点击的项目。你需要使用bind

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

或 jQuery 的 proxy。

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