Question

我想知道是否有人可以帮我理解一些看似奇怪的东西？

以下代码有效。调用函数inlineEditEvent.init()，然后正确调用t.copy()（其中var t = this;）。

但是，如果我要将其替换为this.copy()，则会收到错误this.copy is not a function。

这有什么区别？为什么以下工作，但不是最后一段中描述的方式？感谢。

jQuery(function($){

    $(document).ready(function(){inlineEditEvent.init();});

    inlineEditEvent = {

        init : function(){

            var t = this;

            /** Copy the row on click */
            $('#the-list').on('click', '.row-actions a.single-copy', function(){
                return t.copy();
            });

        }, // init

        copy : function(){

            // Do stuff here

        }

    } // inlineEditEvent

});

Answer 1

您将t设置为this（init函数的）的上下文变量。进入点击处理程序后，this现在指的是点击处理程序，而不是init函数。因此，this.copy()不是函数。

Answer 2

当您说var t= this;时，它指的是this在该背景下的含义。稍后，当您尝试引用此内容时，它指的是a.single-copy，因为这是它所处的新上下文。

Answer 3

t.copy();出现在不同的功能中var t = this;。每个函数内this的值都会发生变化。

Answer 4

this指的是函数范围内的this。这就是您需要设置self变量的原因，因此可以在函数范围内访问它。考虑到您正在使用jQuery，您可以使用$.proxy：

$.proxy(function(){
    return this.copy();
},this)

为什么JS报告'this.function'不是函数？

4 个答案: