Question

我的jquery活动如下：

$('body').on('click', '.show-it', function (e) {
       e.preventDefault();
       showIt();
});

function showIt() {...};

在showIt函数中，当我想尝试访问$(this)时，它始终返回window对象。据我所知，因为showIt函数现在作为回调函数的一部分，this函数中showIt的范围应与.show-it中的范围相同}按钮的单击回调函数，即单击的元素。但似乎不是。我必须在回调函数中使用self.showIt.call(this)()来获得this的正确范围。那么现场背后发生了什么？

Answer 1

JQuery使用callback.call(el)或等效表达式将this的值设置为回调函数中的给定DOM元素。但是这并没有级联到该回调中调用的其他函数。试试吧：

var o = {
    name: "baz",
    foo: function() {
        console.log(this);
    }
}

function foo() {
    console.log(this);
}

function bar() {
    console.log(this); // bar's this
    foo();             // the global object
    foo.call(this);    // bar's this
    o.foo();           // o
    o.foo.call(this);  // bar's this
}

bar.call(new Date());

输出：

Thu Feb 13 2014 13:26:47 GMT-0800 (PST)
Window {top: Window, window: Window, location: Location...}
Thu Feb 13 2014 13:26:47 GMT-0800 (PST) VM350:10
Object {name: "baz", foo: function}
Thu Feb 13 2014 13:26:47 GMT-0800 (PST)

请注意，当您调用一个对象属性的函数时，this会绑定到该对象，无论调用上下文中的this是什么，除非该函数先前已被绑定使用Function.bind。

jquery的回调函数中的范围

1 个答案: