为什么在 JavaScript 中使用 `var self = this`？

理解 JavaScript 习惯用法：var self = this

在 JavaScript 中，在某些情况下您可能会遇到习惯用法 'var self = this' 。为了理解它的目的，让我们考虑一下 WebKit HTML 5 SQL Storage Notes 演示中的示例：

function Note() {
  var self = this;

  // ...
}

维护上下文

在此示例中，“self”是用于保留对原始“this”上下文的引用，即使上下文在嵌套函数内发生变化也是如此。事件处理程序经常使用这种技术，尤其是在闭包中。

通过将“this”分配给“self”，当调用内部函数时，它们仍然可以访问原始的“this”上下文，这对于访问实例至关重要属性和方法。

替代命名

值得注意的是，名称“自我”只是一种约定。像“that”这样的替代名称同样有效。关键是建立一个变量来维护原始的“this”引用。

函数作用域

在上下文中声明的函数可以访问该作用域中定义的变量和函数或在外部范围内。此原则也适用于嵌套函数和闭包。

示例

考虑以下事件回调：

function MyConstructor(options) {
  let that = this;

  // ...

  document.addEventListener('click', (event) => {
    alert(that.someprop);
  });
}

在此示例中， ' that' 保留了 'MyConstructor' 的上下文。单击事件处理程序现在可以访问使用“MyConstructor”创建的对象的实例属性“someprop”。

以上是为什么在 JavaScript 中使用 `var self = this`？的详细内容。更多信息请关注PHP中文网其他相关文章！