javascript - 这个 JavaScript 习惯用法 : var self = this? 的基础是什么

Question

我在 WebKit HTML 5 SQL Storage Notes Demo 的源代码中看到了以下内容:

function Note() {
  var self = this;

  var note = document.createElement('div');
  note.className = 'note';
  note.addEventListener('mousedown', function(e) { return self.onMouseDown(e) }, false);
  note.addEventListener('click', function() { return self.onNoteClick() }, false);
  this.note = note;
  // ...
}

作者在某些地方(函数体)使用self，在其他地方(方法参数列表中定义的函数体)使用this。这是怎么回事？现在我已经注意到了一次，我会开始到处看到它吗？

Answer 1

查看 article on alistapart.com . (编者:文章自最初链接后已更新)

self 被用于维护对原始 this 的引用，即使上下文正在发生变化。这是事件处理程序中经常使用的一种技术(尤其是在闭包中)。

编辑:请注意，现在不鼓励使用 self 为 window.self存在并且如果您不小心有可能导致错误。

您对变量的称呼并不特别重要。 var that = this; 很好，但名称没有什么神奇之处。

在上下文中声明的函数(例如回调、闭包)将可以访问在相同范围或更高范围内声明的变量/函数。

例如一个简单的事件回调:

function MyConstructor(options) {
  let that = this;

  this.someprop = options.someprop || 'defaultprop';

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

new MyConstructor({
  someprop: "Hello World"
});