JavaScript 闭包介绍

闭包是JS学习过程中的难点之一，本文主要介绍一下对闭包的认识。

JS中变量的作用域；

要理解闭包，先要理解JS中变量的作用域，变量作用域有两种：局部变量和全局变量，JS特殊之处在于，函数内部可以直接读取全局变量。

var name="global";function foo()
{alert(name);
}foo();

反之，从外部访问函数的局部变量则不行

function foo()
{var fun_name = "foo";    // 这里需要注意的是，变量的定位之前如果不加上var的话，fun_name会被作为全局变量对待
}foo();fun_name; // undefined

如何从外部读取局部变量；

上面已经介绍过，正常情况下是无法从函数的外部获取到函数内部变量的值的，但是有些情况下这种需求又确实存在，所以需要做一下变通，具体的变通方式请看下面的例子：

function foo()
{a=100;return function() {return a;}
}
bar=foo();
bar();

闭包的概念；

上面的例子中，函数 foo 内部的匿名函数就是闭包，简单来说，能够读取其他函数内部变量的函数就是闭包，由于在JS中，只有其他函数内部的子函数才能读取到函数的局部变量，所以可以认为闭包就是子函数。

使用闭包的注意点；

使用必要有两个地方要注意：

1. 闭包会导致函数调用完成后，局部变量仍然不被垃圾回收机制回收，所以可能会导致内存溢出，最好的方法是在变量使用完成后，手动清空不在需要的变量，比如 bar=null;

2. 由于子函数内部可以操作外部函数的局部变量，这个地方要特别注意不要误操作；

思考题；

对比一下两段代码的输出，有助于理解闭包：

var name = "The Window";var object = {name : "My Object",getNameFunc : function(){return function(){return this.name;};}};alert(object.getNameFunc()());这断代码中，由于子匿名函数内部并没有定义this指针，所以沿着作用域链向上会找到全局的this指针，全局的this指针对应的name变量的值就是"The Window"

　　var name = "The Window";var object = {name : "My Object",getNameFunc : function(){var that = this;return function(){return that.name;};}};alert(object.getNameFunc()());这段代码中，子匿名函数中没有定位that变量，沿着作用域链向上找，找到 getNameFunc 函数，这个函数中定义了 that 变量，that变量的值为指向 object 对象的指针，所以此时 that.name 返回object 对象的name属性。

参考资料：

http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

转载于:https://www.cnblogs.com/cbffr/p/5013245.html

JavaScript 闭包介绍相关推荐

[转载]深入理解JavaScript闭包(closure)
最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业.对于初学者来说别说理解闭包了,就连文字叙述都很难看懂.撰写此文的目的就是用最通俗的文字揭开Java ...
[转]Javascript 闭包
[转]Javascript 闭包简介 Closure 所谓"闭包",指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 闭 ...
深入理解JavaScript闭包(closure) 【收藏】
深入理解JavaScript闭包(closure) 原文地址:http://www.felixwoo.com/archives/247 Felix Woo 最近在网上查阅了不少Javascript闭 ...
深入理解Javascript闭包
收藏最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业.对于初学者来说别说理解闭包了,就连文字叙述都很难看懂.撰写此文的目的就是用最通俗的文字揭开J ...
javascript闭包_JavaScript闭包教程–带有JS闭包示例代码
javascript闭包 Closures – many of you JavaScript devs have probably heard this term before. When I sta ...
javascript闭包_通过邮寄包裹解释JavaScript闭包
javascript闭包 by Kevin Kononenko 凯文·科诺年科(Kevin Kononenko) 通过邮寄包裹解释JavaScript闭包 (JavaScript Closures E ...
【转】深入理解JavaScript闭包(closure)
文章来源:http://www.felixwoo.com/archives/247 最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业.对于初学者来说 ...
（转）深入理解Javascript闭包（closure）
深入理解Javascript闭包(closure) 一.什么是闭包? "官方"的解释是:所谓"闭包",指的是一个拥有许多变量和绑定了这些变量的环境 ...
【javascript闭包】转载一篇不错的解释，也有几个大牛的链接
初学闭包时一直以为很简单.但伴随对一个问题深入学习后,才算真正理解了闭包,同时也发现连<<JavaScript高级程序设计>>中都些不准确的地方. 我不准备从头介绍闭包的概念, ...

JavaScript 闭包介绍

JavaScript 闭包介绍相关推荐

最新文章

热门文章