对JS闭包的简单理解

编程入门 行业动态 更新时间:2024-10-14 10:43:46

对JS闭包的<a href=https://www.elefans.com/category/jswz/34/1770983.html style=简单理解"/>

对JS闭包的简单理解

直接上代码

function f1() {var n = 999;add = function () {n++;}function f2() {return n;}return f2;
}
var a = f1();
console.log(a());	//999

上面代码中声明了一个a全局变量,把f1函数执行的结果赋值给了a,此时a指向的是f2,输出的结果是f1函数内的局部变量n的值999

var a = f1();
console.log(a());	//999
add();
console.log(a());	//1000

再看上面的代码,最后输出的是1000,说明add函数执行成功了。这是因为f1函数中声明了一个add变量,它没有用var去定义,所以当f1函数执行的时候,add变量被定义在了全局,同时它在f1函数中被赋予了一个方法,而它也是一个闭包,所以可以在外部执行。

闭包可以理解为能够读取和操作其他函数内部变量的函数。

它还有一个特点就是内存不会被销毁。上述输出的值是999和1000,这就证明了在执行f1函数后,它的变量并没有被销毁,因为它的子函数f2被赋给了一个全局变量,导致了f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后被垃圾回收机制回收。

下面的各位看官可以

add();	//add is not defined
var a = f1();
console.log(a());
console.log(a());

把它放在执行f1函数之前会报错,因为它还没有被创建定义。

var a = f1();
var b = f1();
console.log(a());	//999
console.log(b());	//999
add();
console.log(a()); 	//999
console.log(b()); 	//1000

看此时的输出结果,只有最后输出的是1000,因为重新执行了f1函数赋值给了b,相当于全局变量add又重新被赋值了一次,此时add变量指向的内存地址是b,所以它只会改变b函数指向中变量的值。

参考阮一峰的文章:
.html

更多推荐

对JS闭包的简单理解

本文发布于:2024-02-14 15:50:16,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1764058.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:简单   JS

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!