理解“var that = this;”的目的在 JavaScript

使用 JavaScript 时，您可能会遇到包含语句“var that = this;”的代码片段。此构造在保留嵌套函数中“this”的上下文方面发挥着至关重要的作用，特别是在事件处理程序中。

在 JavaScript 中，“this”关键字表示当前上下文或拥有其所使用代码的对象但是，当一个函数在另一个函数内调用时，“this”的值会发生变化。这可能会导致意外的行为，特别是在事件处理程序驻留在回调中的事件驱动代码中。

将“this”分配给“that”的目的是在对象因丢失而丢失之前捕获该对象的当前上下文。范围的变化。通过将“this”别名为“that”，您可以确保即使在嵌套函数中也可以访问“this”的原始值。

考虑以下示例：

$('#element').click(function() {
    // this is a reference to the element clicked on

    var that = this;

    $('.elements').each(function() {
        // this is a reference to the current element in the loop
        // that is still a reference to the element clicked on
    });
});

在此代码中，事件处理函数可以访问通过“this”关键字单击的元素。但是，在嵌套函数 (each()) 中，“this”的值引用循环中的当前元素。通过在外部函数中将“this”捕获为“that”，您仍然可以访问最初单击的元素。

为了提高可读性，建议使用“that”以外的别名。在上面的示例中，像“clickedEl”这样更具描述性的别名将使变量所指的内容更加清晰。

总而言之，“var that = this;”是 JavaScript 中一种常用技术，用于在不同范围内保留“this”的值。即使调用嵌套函数，它也确保维持对象的原始上下文。