javascript,jquery闭包概念分析

  但javascript我是经常要用,所以是要懂这里面的概念。

  其实javascript里的闭包概念很简单,就是函数用到外部变量,不需要传参就可以获取。

  举个例子:

  

复制代码 代码如下:

  <script>

  var sMessage = "Hello world";

  function sayHello(){

  alert(sMessage);

  }

  sayHello();

  addNumber(1,2);

  var iBaseNum = 10;

  function addNumber(iNum1, iNum2) {

  function doAddition() {

  alert(iNum1 + iNum2 + iBaseNum);

  }

  return doAddition();

  }

  function a(){

  var i=0;

  function b(){

  alert(++i);

  }

  return b;

  }

  var c = a();

  c();

  c();

  </script>

  第一个函数sayHello没有传参数,直接利用了sMessage变量,这个就叫做闭包。

  第二个函数复杂点,里面有个doAddition也是闭包函数,他不需要参数,直接在执行环境中获取iNum1,iNum2,还有外部变量 iBaseNum。

  第三个函数 是能保护 i变量的访问,并且一直保存i在内存中,可以一直增加。(闭包的一个经典用法)

  jquery中闭包也差不多,先给个例子

  你也许会问

  

复制代码 代码如下:

  (function($){

  $("div p").click(function(){alert("cssrain!")});

  })(jQuery); //一个闭包

  这是什么写法啊?

  别急,我也是请教了upc ,才稍微懂了点。

  这里面的$只是形参,但jquery是全局变量,所以不需要调用该函数就会自动执行,或者分两步

  就是转化成正常的函数,先写函数,后调用。

  如下所示

  其实:

  

复制代码 代码如下:

  (function($){

  $("div p").click(。。。);

  })(jQuery);

  就是等于

  

复制代码 代码如下:

  function tempFunction($){ //创建一个以$为形参的函数

  $("div p").click(....);

  }

  TempFunction(jQuery); //传入实参jQuery执行函数.

  干脆直接这么写 ,算了

  

复制代码 代码如下:

  (function(cssrain){

  cssrain("div p").click(.... );

  })(jQuery); //一个闭包

  闭包的基本写法:

  (function(){do someting})();

  //这个你就理解为定义一个匿名函数并立即执行

  带参数的话就这样:

  (function(形参){do someting})(实参);

  另外

  (function(){var upc="i am upc"})();

  alert(upc);

  会提示undefined。

  因为闭包后,里面的变量就相当于局部了。

  闭包的好处:

  不增加额外的全局变量,

  执行过程中所有变量都是在匿名函数内部。

  上面的例子不是很好,跟javascript的闭包有点混淆,但这确实也是jquery中的一种闭包。只不过经过jquery的加工罢了。

  如过有什么不对,大家互相讨论,我也是初学者,还有很多不懂得地方。