©2016-2024 Matools All rights reserved,
粤ICP备17059708号
有工作经验的前端都知道，面试时基本都会问下js闭包问题，考查下你的js基础水平。作为新手前端刚入门的你，这个前端面试必备知识点，你会吗？不会的话，就赶快看下吧，补补课吧。
1.闭包的概念：
闭包就是一个函数，两个函数彼此嵌套，内部函数就是闭包形成闭包条件是内部函数需要通过return给返回出来。
看下面的代码，你就懂了：
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
function f1(){
function f2(){
alert("我是js闭包！");
}
return f2;
}
var f=f1();
f(); //弹出：我是js闭包！
</script>
2. 闭包特点
闭包有权利调用其上级环境的变量信息。父级环境的信息已经固化为本身AO的成员了。
看下代码，更好理解：
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
function f1(){
var bb = "闭包";
function f2(){
alert('我是'+bb);
}
return f2;
}
var f = f1();
f(); //弹出：我是js闭包
</script>
3. 闭包使用规则
同一个闭包机制可以创建多个闭包函数出来，它们彼此没有联系，都是独立的。
并且每个闭包函数可以保存自己个性化的信息。
看下代码，理解下三个闭包彼此独立、没有联系：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
function f1(num){
function f2(){
alert('数字:'+num);
}
return f2;
}
var fa = f1(10);
var fb = f1(20);
var fc = f1(30);
fa(); //数字:10
fb(); //数字:20
fc(); //数字:30
</script>
4. 闭包的使用例子，加深理解闭包
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
//创建数组元素
var num = new Array();
for(var i=0; i<4; i++){
//num[i] = 闭包;//闭包被调用了4次，就会生成4个独立的函数
//每个函数内部有自己可以访问的个性化(差异)的信息
num[i] = f1(i);
}
function f1(n){
function f2(){
alert(n);
}
return f2;
}
num[2](); //2
num[1](); //1
num[0](); //0
num[3](); //3
</script>
原文地址：http://tangjiusheng.com/js/141.html <http://tangjiusheng.com/js/141.html>
热门工具 换一换