前端开发面试题—JavaScript闭包

阅读 463

什么是闭包

  • 官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
  • javaScript中,内嵌函数(即函数定义和函数表达式位于另一个函数的函数体内)可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用“闭包”来实现(当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包)。
    所谓“闭包”指的就是有权访问另一函数作用域内变量(局部变量)的函数。它最主要的用途是以下两点:
    1️⃣ 可以在函数外部读取函数内部的变量;
    2️⃣ 可以让变量的值始终保持在内存中。
    需要注意的是(缺点),由于闭包会使得函数中的变量一直被保存在内存中,内存消耗很大,所以闭包的滥用可能会降低程序的处理速度,造成内存消耗等问题。

image

闭包的简单实现

function fn() {
var num = 0;
var a = function () {
    return ++num;
};
    return a;
}
var count = fn();    // 保存fn()返回的函数,此时count就是一个闭包
// 访问测试
console.log(count());  // 输出结果:1
console.log(count());  // 输出结果:2
console.log(count());  // 输出结果:3
console.log(count());  // 输出结果:4
console.log(count());  // 输出结果:5


  • 闭包的常见创建方式就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。
  • 上述第3~5行代码(var a = function () {return ++num;};),利用闭包函数实现了在全局作用域中访问局部变量num,并让变量的值始终存储在内存中。第8行代码(var count = fn(); )调用fn()函数后,接下来将匿名函数的引用返回给count变量,且匿名函数中使用了局部变量num。因此,局部变量num所占用的资源不会在fn()函数执行完成后被javaScript回收,依然保存在内存中。这样就形成了一个闭包。

另一个例子

function fn(){
var str = "abc";
return function(){
alert(str);
}
}
var fObj = fn();
fObj();

在上面代码中,str是定义在函数fn()中局部变量,若str在fn()函数调用完成以后不能再被访问,则在函数执行完成后str将被释放。但是由于函数fn()返回了一个内部函数,且这个返回的函数引用了str变量,导致了str可能会在fn()函数执行完成以后还会被引用,所以str所占用的资源不会被回收。这样fn就形成了一个闭包。

文章来源:网络 版权归原作者所有,如涉及知识产权问题,请权利人联系我们,我们将立即处理.
标签:
专栏:   VUE
偷得浮生半日闲
文章 6 获得 0个赞 共 0个粉丝

推荐阅读 更多精彩内容