jquery函数调用问题

Question

jQuery.fff = {
    init:function(){
        this.b();
    },
    a:function(){
        console.log('a');
    },
    b:function(){
        console.log('b');
        $(document).on('click','.btn-primary',function(){
            $.fff.a();
        });
    }
};
$(function(){
    $.fff.init();
});

如上JQ代码，在执行 .btn-primary 的点击事件时，报a函数undefined，这是什么问题呢？

Answer 1

作用域问题

b:function(){
    var This=this;
    console.log('b');
    $(document).on('click','.btn-primary',function(){
        This.a();
    });
}

Answer 2

$.fff.a();

这时候调用fff的a()，可是这时候fff都还没成形的

Answer 3

b:function(){
    console.log('b');
    $(document).on('click','.btn-primary',(function(){
        this.a();
    })).apply(this, arguments);
}

或者用 JQ 自带的 Proxy 函数：

b:function(){
    console.log('b');
    $(document).on('click','.btn-primary',$.proxy(this,"a"));
}

参考：Jquery 的 proxy 函数

Answer 4

代码并不会报错！不知道你是在什么浏览器下面测试的？chrome正常运行。