视频加载失败

JS对闭包的理解

521 字
3 分钟
JS对闭包的理解
  • 当函数执行的时候,会形成一个私有的作用域,保护里面的私有变量不受外界干扰,我们把这种机制叫做“闭包”

闭包#

闭包是一种”机制”<函数执行形成私有的作用域>(不管销毁还是不销毁),保护了里面的私有变量不受外界的干扰.

然而,社会上很多人都认为”闭包”指的是<函数执行形成的那个不销毁的私有作用域才是闭包>.

var fn = (function () {
var num = 12;
return function () {
console.log(++num);
}
})();//->JS高阶编程技巧之一:"惰性思想"

1、利用可以形成不销毁的私有的作用域的原理,把我们需要保存的内容,存储到这个不销毁的作用域中

2、避免全局变量之间的冲突,保护里面的变量不受外界的干扰 ->所有框架/类库的源码都是写在一个闭包函数中的,目的就是为了不和别人的代码冲突

var name = "china";
var age = 5000;
(function () {
var name = "中国";
var age = 100;
})();

jQuery#

(function (global, factory) {
//<JS CODE>
var jQuery = function () {
};
window.jQuery = window.$ = jQuery;//->让私有的变量在全局下依然可以使用,我们可以使用window.xxx=xxx来进行处理
//->当前的这个作用域是不销毁的,因为函数里面的jQuery对应的地址被window下的jQuery和$给占用了
})();
jQuery();

使用闭包的注意点#

(1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。 解决方法是,在退出函数之前,将不使用的局部变量全部删除。 (2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(Object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!

打赏
JS对闭包的理解
https://gaodaxiu-blog.netlify.app/posts/JS对闭包的理解/
作者
GaoDaXiu
发布于
2017-09-10
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
GaoDaXiu
Hello, I'm GaoDaXiu.
公告
欢迎来到我的博客!
分类
标签
最新动态
站点统计
文章
76
分类
20
标签
128
总字数
72,109
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Netlify CI
博客版本
Firefly v6.16.8
文章许可
CC BY-NC-SA 4.0
文章目录