浅谈JS闭包及使用场景

什么是闭包

闭包是JS的一种语法特性
简单地说,闭包 = 函数 + 自由变量(非全局变量和本地变量的变量)

例如

function foo() {
    var a = 1; // a 是一个被 foo 创建的局部变量
    function bar() { // bar 是一个内部函数,是一个闭包
        console.log(a); // 使用了父函数中声明的变量
    }
}

上方变量a函数bar都在函数foo内部,此时foo内部的所有局部变量,对bar都是可见的,反之,bar内部的局部变量,对foo就是不可见的。此时,函数bar和变量a就形成了闭包

闭包的作用

1.隐藏变量,避免污染全局变量

2.提供对局部变量的间接访问

使用闭包的同时,一般都需要return一个函数,即提供对局部变量的间接访问的函数

function foo() {
    var a = 1; // a 是一个被 foo 创建的局部变量
    function bar() { // bar 是一个内部函数,是一个闭包
        console.log(a); // 使用了父函数中声明的变量
    }
    return bar();
}
foo(); // 1

还是上面的例子,这里将函数bar返回。

应用场景:可以将一些重要的,不能轻易修改的变量隐藏起来,不设置为全局变量,再对外提供对这些变量的调用方式。

3.避免垃圾回收

闭包的缺点

使用不当可能造成内存泄漏

  • IE老版本bug
  • 闭包使用过多

解决方案:在退出函数之前,将不使用的局部变量全部删除。

你可能感兴趣的:(前端学习日记,css,前端,javascript)