经典闭包带你剖析Javascript内部运行机制

2024-01-05 04:56:49

闭包（Closure）是JavaScript中一个重要的概念，它可以让函数访问其所在作用域内的变量，即使这个函数已经执行完毕并返回。这使得闭包在许多情况下非常有用，例如在事件处理、异步编程和封装数据等方面。

let 和 var 在 for 循环中执行原理

1. var 执行结果 4，4，4

分析：每执行一次循环将 setTimeout 交给定时器模块处理，1秒后将任务放进异步队列里，闭包也会把当前的执行上下文环境给保存起来，包括此时定义的变量 i 和变量 i 的值（比如当 i 为 0 时，值是 0）。当1秒后异步任务执行时，i 的值已经改变了，但是闭包仍然保存着 i 最初的值，所以输出结果都是 4。

2. let 执行结果 0，1，2

分析：let 定义的变量是块级作用域，只在当前代码块内有效。当 setTimeout 异步任务执行时，i 已经不复存在，取不到值，所以输出结果是 0，1，2。

闭包的本质

闭包本质上是函数和与其相关的引用环境（词法环境）的组合，词法环境包含了函数内部定义的变量和参数，以及定义该函数的作用域中的变量和参数。当函数执行完毕并返回后，词法环境仍然存在，直到包含该函数的作用域被销毁为止。

闭包的应用

1. 事件处理

闭包在事件处理中非常有用。例如，当我们在 HTML 元素上添加一个事件监听器时，我们可以使用闭包来保存当前的执行上下文环境，包括当前元素和事件对象。当事件发生时，事件处理函数将被调用，并且可以使用闭包来访问保存的执行上下文环境，以便我们可以操作当前元素和事件对象。

2. 异步编程

闭包在异步编程中也非常有用。例如，当我们使用 setTimeout 或 XMLHttpRequest 发起异步请求时，我们可以使用闭包来保存当前的执行上下文环境，包括当前元素和请求参数。当异步请求完成时，回调函数将被调用，并且可以使用闭包来访问保存的执行上下文环境，以便我们可以操作当前元素和请求结果。