码迷,mamicode.com
首页 > 编程语言 > 详细

最简明的JavaScript闭包解释

时间:2015-09-04 21:09:01      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

最简明的JavaScript闭包解释

JavaScript是这几年最火的编程语言之一,从前端到服务器端,再到脚本,好像没有一个地方没有JavaScript的身影。这个世界上任何的一种事物的存在必然有其合理性,不要以为别人都是小人得志,学习众家的长处才能开阔视野,青出于蓝。

JavaScript的闭包是其相对于好多传统语言不太容易理解的地方,其实并不是它有多难,因为我们好多朋友都是有其他语言背景的,比如C/C++或者Java,这样往往可能会有些先入为主的思维,导致不容易一下子转变过来,其实稍微习惯一下就好了,大家都是高手,下面我们直入主题。

JavaScript闭包是什么:

简单的说就是函数套函数,JavaScript中的函数其实相当于其他语言中的对象,如果不特别说明,下面我说的函数和对象都是可以互换的, 当所有的函数都执行完了,由于内层的函数作为结果返回了,导致外层的对象仍然被引用,所以外层对象不释放,其中的变量仍然可以使用。

明白了以上的道理,下面两个例子就很容易理解了。

首先看第一段代码,这段代码的输出结果都是10,因为 createFunctions 函数执行完后 i 的值是10, createFunctions 对象中这个时候存储的i就是10, 而下面的代码每次都是输出最后的对象中的状态i = 10, 所以结果一目了然。

 1            function createFunctions(){
 2                 var result = new Array();
 3                 
 4                 for (var i=0; i < 10; i++){
 5                     result[i] = function(){
 6                         return i;
 7                     };
 8                 }
 9                 
10                 return result;
11             }
12             
13             var funcs = createFunctions();
14             
15             //every function outputs 10
16             for (var i=0; i < funcs.length; i++){
17                 document.write(funcs[i]() + "<br />");
18             }

执行结果:

10
10
10
10
10
10
10
10
10
10

 

再来看下面这段代码createFunctions 函数执行完i也是10,但是返回的函数每次都使用的自己的局部变量num,而不是外部对象createFunctions中的i=10,所以每次的输出结果为0-9.

 1             function createFunctions(){
 2                 var result = new Array();
 3                 
 4                 for (var i=0; i < 10; i++){
 5                     result[i] = function(num){
 6                         return function(){
 7                             return num;
 8                         };
 9                     }(i);
10                 }
11                 
12                 return result;
13             }
14             
15             var funcs = createFunctions();
16             
17             //function outputs 1-9
18             for (var i=0; i < funcs.length; i++){
19                 document.write(funcs[i]() + "<br />");
20             }

执行结果:

0
1
2
3
4
5
6
7
8
9

 

总结

通过这两段代码的理解,希望大家对JavaScript闭包由一个全新的认识,JavaScript闭包是JavaScript语言的难点,也是其精髓之一,希望本文能对大家有所帮助,如果大家能有一点点的启发,本文的目的就达到了。

最简明的JavaScript闭包解释

标签:

原文地址:http://www.cnblogs.com/pugang/p/4782304.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!