在前端开发中，经常会看到 var me = this; 这个语句的使用。这个语句本质上就是把当前执行上下文中的 this 绑定到一个变量 me 上。虽然这个语句简单，但它有着很重要的价值。
理解 this
在深入理解 var me = this; 之前，我们需要先了解一下 JavaScript 中的 this 关键字。我们通常认为 this 是指向当前对象的一个引用，但其实它的值是由调用方式决定的。
在全局作用域下，this 指向全局对象，比如浏览器中的 window 对象或 Node.js 中的 global 对象。而在函数内部，this 的值则取决于函数是如何被调用的。如果函数是作为对象的方法调用，那么 this 就指向该对象；如果函数是直接被调用的，而不是作为对象的方法，那么 this 将指向全局对象。
为什么要使用 var me = this;
了解了 this 后，我们再来看看为什么要使用 var me = this;。首先，通过将 this 绑定到一个变量上，我们可以避免在嵌套的函数中出现 this 的指向混乱问题。
举个例子，假设我们有一个对象 person：
-- -------------------- ---- -------
--- ------ - -
----- -------
-------- ---------- -
-----------------------
--
--------------- ---------- -
--------------------- -
-----------------------
-- ------
-
--在 sayDelaydName 方法中，我们使用了 setTimeout 函数来延迟一秒钟执行函数。但是这里的问题是，由于 setTimeout 回调函数被单独调用，其上下文并不是 person 对象，而是全局对象或者 undefined。所以，当回调函数执行时，this.name 将会产生错误或返回 undefined。
为了解决这个问题，我们可以在 sayDelayedName 方法中添加 var me = this;，并将 me 作为回调函数中的 this 使用：
-- -------------------- ---- -------
--- ------ - -
----- -------
-------- ---------- -
-----------------------
--
--------------- ---------- -
--- -- - -----
--------------------- -
---------------------
-- ------
-
--这样就能够正确地输出 John 了。
除了避免 this 指向混乱的问题外，使用 var me = this; 还有助于提高代码的可读性和可维护性。通过将当前对象的引用存储到变量 me 中，我们可以更加清晰地表达代码的意图。同时，如果后续需要修改当前对象，我们只需要在一个地方进行修改即可，而不需要逐个修改每个 this 引用。
如何使用 var me = this;
最后，我们来看一下 var me = this; 的正确使用方式。通常情况下，我们将这句话放在函数开头的位置（当然，也有人选择在函数体内部使用）：
function myFunction() {
var me = this;
// ...
}另外一个需要注意的点是，如果在使用箭头函数时，由于箭头函数没有自己的 this 值，在箭头函数中使用 var me = this; 是没有意义的。
总结
虽然 var me = this; 只是一个简单的语句，但它在 JavaScript 开发中扮演
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28403