在学习使用jquery时,发现jquery的源码中使用了匿名函数
起初并不明白,这里使用匿名函数的作用,经过查阅大量博客资料后,发现jquery这里对javascript匿名函数和闭包的绝妙使用。
首先,这段函数使用了javascript立即运行的匿名函数语法,下面这段代码会立即执行
function(x){alert(x)}(5);
其次,这段函数使用了闭包,在匿名函数内部定义了jquery变量,而这个jquery变量的作用域是这个匿名函数,即,外部函数或者对象中仍然可以使用jquery作为变量名,(除了window全局对象中,因为jquery这段代码的最后将jQuery对象挂在了window下)即[color=red][b]匿名函数的使用,达到了隔离变量作用域的作用。[/b][/color]
有些朋友会说,在外部,我一样可以使用jquery变量,$等,也调用这段代码中定义的jqery函数库,请看代码中,标红的部分,jquery已经将这个对象挂在window全局对象上。
所以,我们在使用javascript进行面向对象的编程中,可以学习jquery的风格
以上是本人学习javascript中的一些心得,有不对的地方请大家指教
(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下)即[color=red][b]匿名函数的使用,达到了隔离变量作用域的作用。[/b][/color]
有些朋友会说,在外部,我一样可以使用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中的一些心得,有不对的地方请大家指教