匿名函数块级作用域以及在JQuery中的应用

最近经常回在群里面看到有些朋友问如下这样的js写法该如何理解的的问题,虽然可能对匿名函数有些理解,但是有时候看到JQuery源码或者其他JS库中同样的写法时,就有点不理解了,今天再次分享下这方面的知识点。

匿名函数块级作用域以及在JQuery中的应用
(function(){

})(JQuery);
匿名函数块级作用域以及在JQuery中的应用

对以上写法的理解:

  上面的这种写法通常叫做“块级作用域”,块级作用域的好处就是可以将匿名方法内部的变量进行私有化,当程序运行结束之后便将一些变量自动销毁。第一个()号表示次函数为一个函数表达式,其中包含了一个匿名函数,后面的一个()则表示执行这个函数表达式中的匿名方法,而JQuery则作为这个匿名函数的一个参数。

 

匿名函数

  通常声明一个匿名函数的方法是:

匿名函数块级作用域以及在JQuery中的应用
//匿名函数
var getPerson = function() { //次方法为函数表达式的声明方法
}
getPerson();//调用匿名方法
匿名函数块级作用域以及在JQuery中的应用

 所以大家又可以把上面的代码看成是这样子的:

匿名函数块级作用域以及在JQuery中的应用
1 function() {
2 }();
匿名函数块级作用域以及在JQuery中的应用

但是,虽然逻辑上是这么一回事,但是你如果按照上面的这种写法,运行的时候会出现语法错误的问题。所以这个时候利用()这个分组操作符括起这个函数表达式即可,然后括号()执行此函数。(关于函数声明的方法以及函数表达是的内容可以参考汤姆大叔的这篇文章http://www.cnblogs.com/TomXu/archive/2011/12/29/2290308.html)

JQuery中的应用:

匿名函数块级作用域以及在JQuery中的应用
 1             //此块级作用域中声明了2个参数
 2             (function( window, undefined ) {
 3 
 4                 // Use the correct document accordingly with window argument (sandbox)
 5                 var location = window.location,
 6                 document = window.document,
 7                 docElem = document.documentElement,
 8 
 9                 // Map over jQuery in case of overwrite
10                 _jQuery = window.jQuery,
11 
12                 // Map over the $ in case of overwrite
13                 _$ = window.$;
14 
15             }( window );//将window对象作为参数传入了方法内
匿名函数块级作用域以及在JQuery中的应用

上面的代码是我截取的JQuery源码的一部分。想要了解的朋友可以自己去看。以上就是我对一些理解,有问题的地方或者交流的朋友可以联系我。

 

匿名函数块级作用域以及在JQuery中的应用

上一篇:ASP.NET中的文件上传大小限制的问题


下一篇:运维自动化之zabbix (web)(8)