闭包 (closure) 是程式语言的一种特性,在 JavaScript 中也扮演相当重要的角色,被广泛应用在 JavaScript 程式库中。许多被开发者大量使用的重要功能,也都看得到闭包的身影,举例来说最热门的 JavaScript 函式库 React 中的 useState
就是透过闭包来实作。
以面试的角度来说,不仅仅要了解什么是闭包,同时也要知道闭包会有什么应用的情景。假如你目前仍不熟闭包的概念,或不确定可以怎么应用,千万要在面试前弄熟。
什么是闭包?
在MDN 文件中,闭包被定义为函式以及该函式被宣告时所在的作用域环境(lexical environment) 的组合。白话一点说,闭包就是内部函式能够取得函式外部的变数,并且记住这个变数。因为能够记住这个外部变数,闭包很常被用来做状态保存。
以下是一个最简单的例子,在下方代码中的 inner
函式,能拿到外部函式 outer 的 a
变数,并将其保存在记忆体中。当我们呼叫inner
时,之所以不是每次都回传1
,而是回传1
、2
、3
不断加上去,正是因为之前的a
的状态被记住了。
function outer() {
let a = 0;
function inner() {
a += 1;
console.log(a);
}
return inner;
}
c