当前位置: 代码迷 >> Web前端 >> Query源码解读-总体架构
  详细解决方案

Query源码解读-总体架构

热度:268   发布时间:2012-09-04 14:19:30.0
Query源码解读---总体架构
jQuery是个出色的javascript库,最近结合它写javascript,看了下源码。

先从整体、全局的看,jQuery的源码几乎都在下面的代码中:

(function(){

//……

})();

第一个括号里面是个匿名函数,第二个括号表示马上执行第一个括号里面的代码。
首先明白,javascript里面是没有命名空间的,要保证你的javascript函数、对象与其他的不冲突,这里用了javascript的一个技巧:你的所有javascript函数、对象都在一个匿名函数里面定义,确保了所定义的函数、对象的有效范围,起到了命名空间的作用。既然作用范围在这个匿名函数中,怎么被别人使用呢?下面看它的下面代码:

var jQuery = window.jQuery = function(selector, context) {
//……
};

这里让jQuery库中最重要的对象jQuery成为了window对象的一个属性,这样就可以在其他地方像使用document(document也是window的一个属性)一样使用jQuery了。也许使用过jQuery的朋友惊讶-我没有使用jQuery对象,一直使用$的。没错,那是jQuery的同名对象:

window.$ = jQuery;

现在明白了吧。
  相关解决方案