`
blue2048
  • 浏览: 178448 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery中匿名函数和闭包的使用

阅读更多
在学习使用jquery时,发现jquery的源码中使用了匿名函数

(function( window, undefined ) {
   var jQuery = function( selector, context ) {
   ....
   [color=red]window.jQuery = window.$ = jQuery;[/color]

})(window);


起初并不明白,这里使用匿名函数的作用,经过查阅大量博客资料后,发现jquery这里对javascript匿名函数和闭包的绝妙使用。

首先,这段函数使用了javascript立即运行的匿名函数语法,下面这段代码会立即执行
      function(x){alert(x)}(5);

其次,这段函数使用了闭包,在匿名函数内部定义了jquery变量,而这个jquery变量的作用域是这个匿名函数,即,外部函数或者对象中仍然可以使用jquery作为变量名,(除了window全局对象中,因为jquery这段代码的最后将jQuery对象挂在了window下)即匿名函数的使用,达到了隔离变量作用域的作用。

有些朋友会说,在外部,我一样可以使用jquery变量,$等,也调用这段代码中定义的jqery函数库,请看代码中,标红的部分,jquery已经将这个对象挂在window全局对象上。

所以,我们在使用javascript进行面向对象的编程中,可以学习jquery的风格

//挂在window对象的命名空间
my = my||{};
my.class = my.class||{};
(function($){
//定义一些局部变量,这些属性的作用域局限在匿名函数的范围,方便在对象的定义中使用
 var a = new Date();
 ...
//定义对象
 my.class.Test = function(){

};
//定义对象的属性和方法
my.class.Test.protortype={
   b:null,
   ...
   func:function(){
},
   ...
}

})(jquery)

以上是本人学习javascript中的一些心得,有不对的地方请大家指教

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics