JavaScript闭包(closure)入门: 拿"开发部"和"技术牛"举个例子

虽然只是一小段菜鸟的学习笔记 , 不过还是希望看到的高手看到不足的时候帮忙指点~

一:代码和执行过程

 

/**  
 * http://blog.csdn.net/ruantao1989 
 * ==>July6 分析一下最简单的闭包 
*/
	function a() 
	{
	 //==>从变量i和对象b的角度来说: 他俩本来是a中的局部变量.如果没有闭包的话,会在a返回后被销毁 	
	 var i = 0;
	 
	 function b()
	 { 
		alert( ++i ); //==>b能访问到a中的变量i(作用域内)
	 } 

	 return b;//==>1.函数a的返回值,引用自身内部的函数
	}


	var c = a();//==>2.此时变量c就是函数a的返回值:函数b()

	//==>至此,这个简单的闭包构建完成: 
	//1.变量c是对象b或者说函数b的引用(见图); 
	//2.函数a在return给c后理应被销毁,但变量c扔持有a中对象b的引用,所以a不能被销毁
	//3.变量i属于a,内存中继续生存,并执行其计数的功能


	//==>3.以下每次调用c(),i都会自加(目前这段代码中也只有这么一种办法能操作i的值)
	c();
	c();
	c();

 

二:换个通俗说法翻译一下:

起因:
  1.对象a是公司里的"开发部" ,里边有技术牛人b 和 和只会记编号的i 俩人.
  2.c是公司里最后一个项目,c项目需要"开发部门"的b同学来写代码,公司早就想把"开发部门"处理掉 这个项目完了就都开除
经过:

  牛人b开始写c项目中的代码
结果:
  1.所以a这个"开发部"托"员工"b的福,还不能被销毁
  2."开发部"的数数专员i更是幸运的托b的福能在"开发部"里继续混口饭吃,而且兢兢业业的执行他的工作:数数

最终还是技术男拯救世界( YY一下而已... )

三:举个没return正确的反例

 

	function a() 
	{ 
	 var i = 10; 
	 function b() 
	 { 
		alert( ++i ); 
	 } 
	 //return b; //==>不return b() ,而直接return i
	 return i;
	}
	var c = a();

	alert(c);
	alert(c);//==>不管打多少次都是i的初始值(每次i都是新变量)

 

作者：ruantao1989
出处：http://blog.csdn.net/ruantao1989
申明：作者写博是为了总结经验，和交流学习之用。如需转载，请尽量保留此申明，并在文章页面明显位置给出原文连接。谢谢！