为什么我们在 Javascript 的类中需要“var self = this”？

Question

为什么我们不能在下面的例子中直接使用this 而不是self？

function SeatReservation(name, initialMeal) {
    var self = this;
    self.name = name;
    self.meal = ko.observable(initialMeal);
}

回复后，我了解到：

可以，如果类中没有上下文切换就不需要了。

但我会将这种方法用作“约定”，尽管没有必要。

Answer 1

没有你不能在那里直接使用this的原因（我想说如果你这样做会更好地提高可读性）。

但是，var self = this; 通常在以下情况下需要（基本上，任何异步操作，如事件绑定、AJAX 处理程序等，其中this 的解析被延迟直到它等于别的东西）；

function SeatReservation(name, initialMeal) {
    var self = this;
    self.name = name;
    self.meal = ko.observable(initialMeal);

    setTimeout(function () {
        alert(self.name); // otherwise, this is window; use self to keep a reference to the "SeatReservation" instance.
    }, 100);
}

Answer 2

通常这样做是为了在上下文发生变化时保持对 this 的引用。它通常用于事件处理程序或回调函数。但如前所述，没有理由在您的具体示例中使用它。

您将在以下文章中找到更多详细信息：http://www.alistapart.com/articles/getoutbindingsituations

Answer 3

在您的示例代码中，根本没有理由将 this 复制到变量中。

通常在代码使用回调方法时使用。在回调方法this 内部没有引用该对象，因此您使用该变量。

Answer 4

根据您的示例，“没有”这样做的理由。

然而，在某些情况下它会对您有所帮助，尽管有些人可能不赞成使用它。

即

$('a.go').click(function(e)
{
    e.preventDefault();
    if(!$(this).hasClass('busy'))
    {
        $(this).addClass('busy');
        $.ajax(
        {
            success : function(resp)
            {
                $(this).removeClass('busy');
            },
            error : function()
            {
                $(this).removeClass('busy');                
            }
        });
    }
});

在上面，成功和错误回调中的$(this) 不会反映到您单击的链接，因为范围已丢失。

要解决这个问题，您可以使用var self = $(this) 即

$('a.go').click(function(e)
{
    e.preventDefault();
    if(!$(this).hasClass('busy'))
    {
        $(this).addClass('busy');
        var btn = $(this);
        $.ajax(
        {
            success : function(resp)
            {
                btn.removeClass('busy');
            },
            error : function()
            {
                btn.removeClass('busy');                
            }
        });
    }
});