时间:2021-05-18
本文实例讲述了JavaScript闭包的功能与用法。分享给大家供大家参考,具体如下:
理解闭包关键是理解JS的对象的本质以及垃圾收集机制。函数也是对象,也有属性,通常执行一个函数时,局部变量在函数执行完后,内存会被回收,这是JS的垃圾收集机制决定的,如果想保存局部变量所占用的内存,就必须把保存在另一个不被回收的变量中,通常是全局变量。函数在创建时,内部属性[[Scope]]保存了作用域链,作用域链中包含外部函数以及全局对象的变量,被称为变量对象。所以把内部函数返回时,由于把函数保存了,所以内部属性[[Scope]]所保存的变量对象也就保存了而没有被回收,因此局部变量也就被保存了。
最简单的闭包:
function f1() { var i = 0; return function () { var j = 0; i++; console.log(i,j); };}var fn = f1();fn();//1 0fn();//2 0还有诸如给元素添加事件,事件函数保存着外部函数的变量,通过这个特性可以让按钮显示被点击次数。
当然可以创建多层闭包,最内部函数保存所有外部函数以及全局对象的变量,但并不是任何地方都用闭包,因为其始终都带有[[Scope]]属性,所有比较占内存,所以在需要的时候才用。
闭包在模块化编程,为函数或对象创建私有变量的时候非常有用,可以避免全局污染以及变量命名冲突的问题。
值得注意的是因为[[Scope]]与函数有关,如上述例子,在两次执行f1函数把返回的函数保存在不同的变量中,其外部函数的变量是互不影响的。如:
function f1() { var i = 0; return function () { var j = 0; i++; console.log(i,j); };}var fn = f1();fn();//1 0fn();//2 0var fn1 = f1();fn1();//1 0fn(); //3 0fn1();//2 0感兴趣的朋友可以使用在线HTML/CSS/JavaScript前端代码调试运行工具:http://tools.jb51.net/code/WebCodeRun测试一下上述代码的运行效果,以加深对javascript闭包的认识。
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript常用函数技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
xml文件结构:books.xml深入浅出extjs张三88锋利的jQuery李四99深入浅出flex王五108java编程思想钱七128页面代码:jquery
相关阅读:谈谈我对JavaScript原型和闭包系列理解(随手笔记8)谈谈我对JavaScript原型和闭包系列理解(随手笔记9)什么是闭包闭包是什么?闭包是C
学习资料 1.深入浅出Node.js 2.Node.js开发指南简介(只捡了我觉得重要的)Node.js是让Javascript脱离浏览器运行在服务器的一个
本文实例分析了Javascript闭包的概念及用法。分享给大家供大家参考。具体如下:提到闭包,想必大家都早有耳闻,下面说下我的简单理解。说实话平时工作中实际手动
JavaScript闭包,是JS开发工程师必须深入了解的知识。3月份自己曾撰写博客《JavaScript闭包》,博客中只是简单阐述了闭包的工作过程和列举了几个示