我在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。这是怎么回事？现在我已经注意到它一次，我会开始到处看到它吗？
请参阅alistapart.com 上的这篇文章。（Ed：文章自最初链接以来已更新）
selfthis即使上下文发生变化，也用于维护对原始文件的引用。这是一种常用于事件处理程序（尤其是在闭包中）的技术。
编辑：请注意，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"
});我认为变量名 'self' 不应该再这样使用了，因为现代浏览器提供了一个全局变量，self指向普通窗口或 WebWorker 的全局对象。
为避免混淆和潜在冲突，您可以编写var thiz = this或var that = this代替。
是的，你会在任何地方看到它。它经常that = this;。
看看如何self在事件调用的函数内部使用？那些将有自己的上下文，因此self用于保存this进入Note().
self函数仍然可用的原因是，即使它们只能在Note()函数执行完毕后执行，也是由于闭包，内部函数获得了外部函数的上下文。
还应该注意的是，this如果您不喜欢这个var self = this习语，还有一种替代的代理模式可以在回调中维护对原始内容的引用。
作为一个功能可以与特定背景下，通过使用被称为function.apply或者function.call，你可以写一个包装，返回与调用你的功能一个功能apply或call使用给定的范围内。有关proxy此模式的实现，请参阅 jQuery 的函数。下面是一个使用它的例子：
var wrappedFunc = $.proxy(this.myFunc, this);
wrappedFunc然后可以调用并将您的版本this作为上下文。
正如其他人所解释的，var self = this;允许闭包中的代码引用回父作用域。
然而，现在是 2018 年，ES6 被所有主要的 Web 浏览器广泛支持。这个var self = this;习语不像以前那么重要了。
现在可以var self = this;通过使用箭头函数来避免。
在我们会使用的情况下var self = this：
function test() {
var self = this;
this.hello = "world";
document.getElementById("test_btn").addEventListener("click", function() {
console.log(self.hello); // logs "world"
});
};
我们现在可以使用箭头函数而无需var self = this：
function test() {
this.hello = "world";
document.getElementById("test_btn").addEventListener("click", () => {
console.log(this.hello); // logs "world"
});
};
箭头函数没有自己的this，只是承担封闭的作用域。