闭包是什么？

最新推荐文章于 2024-09-18 18:51:38 发布

PromiseXuu

最新推荐文章于 2024-09-18 18:51:38 发布

阅读量1.1k

点赞数 2

分类专栏： JavaScript 文章标签： JavaScript

前端小白，博客搬家掘金Xpromise，欢迎交流，撒花o(*￣▽￣*)ブ

本文链接：https://blog.csdn.net/XZZ2222/article/details/80410421

版权

JavaScript 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

是什么？

当一个嵌套的内部函数引用了外部函数的变量或者函数时，外部函数在执行时就产生了闭包

典型的闭包

将另一个函数作为另一个函数的返回值

function Foo() {
    var a=0;
    function foo() {
        a++;
        console.log(a);
    }
    return foo;
}
var f=Foo();
f();

将函数作为实参传递给另一个函数调用

function Foo() {
    var a=0;
    setInterval(function () {
        a++;
        console.log(a);
    },1000)
}
Foo();

闭包的特点？

函数嵌套函数
内部函数引用外部函数的变量
函数执行

闭包的作用

使用闭包内部函数，执行完毕后，变量一直存在于函数中，延长了变量的声明周期
可以通过外部间接的操作内部的函数或者变量
总结：闭包的作用就是延长外部函数局部变量的生命周期

闭包的声明周期

产生：内部函数被定义执行完毕，注意不是被调用的时候，是执行完毕后
死亡：当嵌套的内部函数成为垃圾对象时候。

闭包的优缺点

缺点：函数定义的变量和数据会一直存在内部函数中，不会被及时释放，这样会导致内存泄漏
解决：尽量不使用闭包；用完后及时释放

闭包典型的面试题详解

第一题：

* 对比1：

var name2 = "The Window"; 
var object2 = { 
name2: "My Object", 
getNameFunc: function () {
 var that = this; //object return 
 function () { return that.name2; }; } };
 console.log(object2.getNameFunc()());

输出My Object，因为此时的this保存在that中，that此时指向这个对象，所以输出My Object

第二题

解析：得出a,b,c三个打印值得关键点在于是否产生了新的闭包。

循环遍历加监听---闭包典型小demo

<body>
<button >第一个</button>
<button >第二个</button>
<button >第三个</button>
<script>
var btns = document.getElementsByTagName('button');
for (var i = 0; i < btns.length; i++) {
  (function (i) {
    btns[i].onclick = function () {
      alert('我是第'+ (i+1)+'个');
    }
  })(i)
}
</script>

初学者，理解不到为之处，希望指出，一定及时改正！