美文网首页
js闭包学习

js闭包学习

作者: 我有一条小黑狗 | 来源:发表于2020-09-18 10:31 被阅读0次

    闭包指的是:能够访问另一个函数作用域的变量的函数

    js作用域环境中访问变量的权利是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量,反之则不能,也就是说在外层作用域下无法获取内层作用域下的变量,同样在不同的函数作用域中也是不能相互访问彼此变量的,那么我们想在一个函数内部也有限权访问另一个函数内部的变量该怎么办呢?闭包就是用来解决这一需求的,闭包的本质就是在一个函数内部创建另一个函数。

    我们首先知道闭包有3个特性:

    ①函数嵌套函数

    ②函数内部可以引用函数外部的参数和变量

    ③参数和变量不会被垃圾回收机制回收

    写一个for循环,让它按顺序打印出当前循环次数

    按照预期它应该依次输出1 2 3 4 5,而结果它输出了五次5,这是为什么呢?原来由于js是单线程的,所以在执行for循环的时候定时器setTimeout被安排到任务队列中排队等待执行,而在等待过程中for循环就已经在执行,等到setTimeout可以执行的时候,for循环已经结束,i的值也已经编程5,所以打印出来五个5,那么我们为了实现预期结果应该怎么改这段代码呢? 闭包写法 (ps:如果把for循环里面的var变成let,也能实现预期结果)


    闭包的好处

    ①保护函数内的变量安全 ,实现封装,防止变量流入其他环境发生命名冲突

    ②在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)

    ③匿名自执行函数可以减少内存消耗

    坏处

    ①其中一点上面已经有体现了,就是被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏,解决方法是可以在使用完变量后手动为它赋值为null;

    ②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响

    相关文章

      网友评论

          本文标题:js闭包学习

          本文链接:https://www.haomeiwen.com/subject/svwdyktx.html