jQuery 源码剖析-3 init 函数分析

init 剖析

 

首先，看一下在 jQuery 中可以使用的四类构建对象的方式：

l         $( expression, [ context ] )，串的内容是一个 CSS 选择器，例如：$(“#msg”) 中的 msg 就是一个元素的 ID

l         $( html )，一个 HTML 串，返回一个 DOMElement 元素对象

l         $(函数)，ready 事件的处理函数

l         $( 对象的引用 )，返回一个经过处理之后的 jQuery 对象

 

分析 init

 

35  jQuery.fn = jQuery.prototype = {

36  init: function( selector, context ) {

37     // Make sure that a selection was provided

38     selector = selector || document;

39

40     // Handle $(DOMElement)

41     if ( selector.nodeType ) {

42         this[0] = selector;

43         this.length = 1;

44         this.context = selector;

45         return this;

46     }

 

第 38 行为 || 运算的特殊使用，表示的含义为 如果 selector 不为空，则返回 selector， 如果 selector 为空，则返回 document， 如果都不为空，返回 selector。

 

从第 41 行开始，处理第一种可能，判断参数对象是否为一个 DOMElement 对象，由于 DOMElement 对象有nodeType 属性，这样就可以判断参数是否为一个 DOM 元素了。

如果是的话，创建一个 jQuery 对象，this 表示通过 new 方式调用 init 函数所创建的对象，然后增加两个用于处理的成员，第一个成员名称为 0 ，值为参数对象，第二个成员的名称为 length，值为 1，实现了一个仿数组对象的对象。最后，将这个对象返回。