Объекты Javascript и jQuery

Question

Я не уверен, что лучший способ подойти к этому.

У меня есть элемент управления, который я хочу открывать и сохранять некоторые данные или изменять их на лету.

function TaskControl(params) {
    this.params = params;

    this.openTaskControl = function () {
        alert("openTaskControl");
    }

    $("#button").click(function () {
        this.openTaskControl();
    });
}

Проблема, с которой я столкнулся, заключается в том, что при попытке вызвать openTaskControl выдается ошибка, поскольку this, по-видимому, ссылается на элемент HTML, а не на TaskControl. Как мне вызвать эту функцию изнутри функции щелчка?

Answer 1

function TaskControl(params) {
        this.params = params;
        var that = this;

        this.openTaskControl = function () {
                alert("openTaskControl");
        }

        $("#button").click(function () {
                that.openTaskControl();
        });
}

Answer 2

Внутренняя область действия будет ссылаться на другой объект this. Вместо этого используйте переменные:

function TaskControl(params) {
    var paramsSave = params;

    var openTaskControl = function () {
        alert("openTaskControl");
    }

    $("#button").click(function () {
        openTaskControl();
    });
}

Answer 3

Вот хорошее обсуждение того, как использовать ключевое слово this в javascript: http://www.quirksmode.org/js/this.html