今天分享一下我遇到的一个面试题,是关于JavaScript闭包的问题,什么是JavaScript闭包?
📦什么是闭包
- 官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
- 在JavaScript中,内嵌函数(即函数定义和函数表达式位于另一个函数的函数体内)可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用“闭包”来实现(当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包)。
所谓“闭包”指的就是有权访问另一函数作用域内变量(局部变量)的函数。它最主要的用途是以下两点:
1️⃣ 可以在函数外部读取函数内部的变量;
2️⃣ 可以让变量的值始终保持在内存中。
需要注意的是(缺点),由于闭包会使得函数中的变量一直被保存在内存中,内存消耗很大,所以闭包的滥用可能会降低程序的处理速度,造成内存消耗等问题。
📦闭包的简单实现
functionfn() { varnum=0; vara=function () { return++num; }; returna; } varcount=fn(); // 保存fn()返回的函数,此时count就是一个闭包// 访问测试console.log(count()); // 输出结果:1console.log(count()); // 输出结果:2console.log(count()); // 输出结果:3console.log(count()); // 输出结果:4console.log(count()); // 输出结果:5
- 闭包的常见创建方式就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。
- 上述第3~5行代码(var a = function () {return ++num;};),利用闭包函数实现了在全局作用域中访问局部变量num,并让变量的值始终存储在内存中。第8行代码(var count = fn(); )调用fn()函数后,接下来将匿名函数的引用返回给count变量,且匿名函数中使用了局部变量num。因此,局部变量num所占用的资源不会在fn()函数执行完成后被JavaScript回收,依然保存在内存中。这样就形成了一个闭包。
另一个例子
functionfn(){ varstr="abc"; returnfunction(){ alert(str); } } varfObj=fn(); fObj();
在上面代码中,str是定义在函数fn()中局部变量,若str在fn()函数调用完成以后不能再被访问,则在函数执行完成后str将被释放。但是由于函数fn()返回了一个内部函数,且这个返回的函数引用了str变量,导致了str可能会在fn()函数执行完成以后还会被引用,所以str所占用的资源不会被回收。这样fn就形成了一个闭包。