访问嵌套函数中的成员变量

时间:2013-10-09 16:57:23

标签: javascript jquery oop inheritance

我有一个在其内部使用jQuery函数的类的内部函数。 如何在jQuery回调函数中引用成员变量?

请参阅以下代码:

    var UriParser = function(uri) {
        this._uri = uri; // let's say its http://example.com
    };

    UriParser.prototype.testAction = function() {
        $('a').on('click', function(event) {
            // I need the above this._uri here, 
            // i.e. http://example.com              
        }
    }

1 个答案:

答案 0 :(得分:4)

问题是this在事件处理程序内部没有引用UriParser对象,它引用了被点击的dom元素。

一种解决方案是使用闭包变量

UriParser.prototype.testAction = function () {
    var self = this;
    $('a').on('click', function (event) {
        //use self._uri
    })
}

另一种方法是使用$.proxy()传递自定义执行上下文

UriParser.prototype.testAction = function () {
    $('a').on('click', $.proxy(function (event) {
        //use this._uri
    }, this))
}