JavaScript惯用法：this和self，一文揭秘它们的区别和用法
2024-03-02 15:58:15
JavaScript 惯用法：this 与 self 的深层含义
作为一名经验丰富的程序员，我经常在代码中遇到 self 和 this ，但它们微妙的区别有时会让我感到困惑。为了深入了解它们，我将探讨它们的差异、用法以及在 JavaScript 惯用语中的意义。
this vs. self
this 关键字引用当前执行代码的对象，通常是调用函数的对象。然而，self 则是一个变量，可以分配给 this 。这是在闭包中常见的一种用法，其中内部函数需要引用其创建时的外部作用域。
何时使用 self
使用 self 的主要场景包括：
- 闭包： 当内部函数需要引用其创建时的外部作用域时，将 this 分配给 self 可以防止 this 关键字与其他上下文发生冲突。
- 避免冲突： 在使用箭头函数或 bind 方法时，this 关键字的含义可能不明确，导致意外的行为。使用 self 可以明确地将 this 设置为所需的上下文。
何时使用 this
使用 this 的主要场景包括：
- 对象方法： 当函数直接作为对象的方法调用时，this 会自动指向调用该方法的对象。
- 明确设置： 通过 bind 方法或箭头函数，可以明确将 this 设置为特定对象。
示例用法
让我们考虑一个 JavaScript 代码示例：
function Note() {
var self = this;
var note = document.createElement('div');
note.addEventListener('click', function() {
self.onNoteClick();
});
}
在此示例中，使用 self 是为了确保内部函数 onNoteClick 可以访问 Note 对象的上下文，即使箭头函数（匿名内部函数）会覆盖 this 的默认绑定。
结论
掌握 this 和 self 关键字之间的区别对于编写干净、可维护的 JavaScript 代码至关重要。通过理解它们的用法和潜在的冲突，我们可以避免意外错误并编写更有效的代码。
常见问题解答
-
this 和 self 总是等效的吗？
不，self 是一个变量，可以分配给 this ，但它们并不总是等效的。 -
我必须始终使用 self 吗？
否，只有在需要引用创建时的外部作用域时，或者在需要明确 this 关键字的上下文时才使用 self 。 -
何时使用箭头函数时应该使用 self？
当箭头函数作为闭包内部的内部函数时，使用 self 可以确保对外部作用域的正确访问。 -
bind 方法如何与 self 相关？
bind 方法允许我们明确将 this 绑定到特定对象，这与分配给 self 的作用类似。 -
self 和 that 有什么区别？
self 和 that 都可以用来引用外部作用域，但 self 更常用于对象方法，而 that 通常用于事件处理程序。
