浅谈jQuery构造函数分析

jQuery的构造函数：动态性与多态性的完美融合

在我之前的一篇文章中，我已经阐述了jQuery的基本框架。所有代码都被写在一个自调用的匿名函数里，同时传入了window对象。源码是这样的：`(function( window, undefined ) {...})( window );`。通过`alert(jquery)`，我们知道它是一个对象。那么，这个对象是如何构造的呢？

当我们使用`$(document)`或类似的写法获取元素时，就像直接调用普通的方法一样。但jQuery真的只是一个普通的函数吗？如果是构造函数，为何我们不常见到`new $(document)`这样的常见形式呢？

实际上，jQuery是一个面向对象的JavaScript库。每次调用jQuery方法时，都会实例化一个jQuery对象。而jQuery的写法极为高明。

让我们回顾一下JavaScript的面向对象编程。虽然JavaScript不是一种面向对象的语言，但它有很多面向对象的写法。比如，常用的构造加原型方式。以下是一个简单的例子：

```javascript

var Person = function(name, age) {

this.name = name;

this.age = age;

}

Person.prototype = {

constructor: Person,

init: function(msg) {

this.say(msg);

},

say: function(msg) {

alert(this.name + '说' + msg);

}

};

var tom = new Person('tom', 23);

tomit('你好'); // tom说你好

```

实际上，jQuery也是采用这种方式，但用了更高级、更聪明的写法。我们来看看jQuery的构造函数有何不同。

在jQuery源码中，真正的函数是init方法。当我们调用jQuery时，实际上是返回new jQuery.fnit的结果，而不是直接new jQuery()。那么，jQuery.fn是什么呢？实际上，jQuery.fn就是原型对象，也就是说在jQuery原型里有一个init方法，这个方法是真正的构造函数。

这样的写法的好处是，我们不需要写`$()it()`这样的操作，直接就可以初始化。还有一个问题是，既然init是构造函数，那么写在jQuery上面的方法实例不能调用吗？答案是，init的实例化自然能调用所有在原型上的方法。这是因为jQuery.fnit.prototype被赋值为jQuery.fn，这意味着init也拥有了所有jQuery原型上的方法。

这种构造方式使得使用jQuery非常简单。我们既不需要像通常那样使用`new`关键字创建实例，也不需要手动初始化，只需要像调用普通函数一样简单。例如，我们可以直接使用`jQuery(selector, context)`来获取元素或执行其他操作。这种设计体现了jQuery对JavaScript动态性和多态性的充分利用，使得一个函数可以实现多种功能需求。