<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
<script>
//如下有一个函数
var a=10;//声明在fn1函数外
function fn1() {
console.log(a);//10
}
//这是一个正常的函数;通过调用可以得到值10;
fn1();
//如上a是全局变量;fn1函数里面可以打印出;函数外面也能打印出‘
console.log(a);//10
//如果把b放在函数fn2里面看一下结果
function fn2() {
var b=10;
console.log(b);//10
}
fn2();
//console.log(b);//b is not defined
//fn2说明在函数外面是无法得到里面的局部变量的值;
//那么必须要得到呢?就要用到闭包;
//闭包,是js的一大难点也是他的一大特点;简单理解就是父函数能够得到子函数的局部变量。如下所示:
//fn3是父函数,fn2是子函数,c在fn2中声明;是局部变量;看最后结果输出是c的值,说明父函数得到了子函数的局部变量。
function fn3() {
function fn2() {
var c=100;
console.log(c);
}
return fn2;//返回fn2函数的结果100给fn3
}
var aa=fn3();//调用fn3把他的值赋给aa
aa();//100
//此例子中fn2函数就是闭包,闭包就是将函数内部和函数外部连接起来的一座桥梁
//闭包用途
//1.可以读取子函数内部的变量;2.让这些变量的值始终保存在内存中。
//作用1例子如上;
//作用2例子如下:
function t1() {
var w=20;
add=function () {
w+=1;
};//add是全局变量,值是匿名函数,add在外调用这个匿名函数的值,所以,这个匿名函数也是一个闭包。
function t2() {
console.log(w);
}
return t2;//t2是一个闭包函数,返回给t1
}
var s=t1();
s();//20
add();//w自加的过程函数。下面s()结果是21说明t1在调用后w变量没有被自动清除;继续保存在内存中。
s();//21
//为什么会保存的原因:t1是t2的父函数,而t2被赋给了一个全局变量,这导致t2始终在内存中,而t2的存在依赖于t1,因此t1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收
</script>
</html>
让你详细了解js闭包问题
最新推荐文章于 2017-09-25 11:15:20 发布