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下)即[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中的一些心得,有不对的地方请大家指教
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值