原型在 jQuery 源代码中是什么意思？

Question

作为一个例子，从 jQuery 1.2.6 复制过来的：

jQuery.fn = jQuery.prototype = {
    init: function( selector, context ) {
        // Make sure that a selection was provided
        selector = selector || document;
        ..........
    },
};

我在这里阅读了一些帖子，例如JavaScript: What are .extend and .prototype used for?，并且知道可以在子类中使用原型来扩展某些方法。

但我无法理解上述 jQuery 中 sn-p 中的用法。

是否有任何描述原型的规范文档？

谢谢。

Answer 1

所有对象都有一个prototype 属性。它只是一个对象，其他对象可以从中继承属性。您发布的 sn-p 只是将具有某些属性（例如 init）的对象分配给 jQuery 的 prototype，并将 jQuery.prototype 别名为 jQuery.fn，因为 fn 更短且键入速度更快.如果您暂时忘记了 jQuery，请考虑以下简单示例：

function Person(name) {
    this.name = name;
}
Person.prototype.sayHello = function () {
    alert(this.name + " says hello");
};

var james = new Person("James");
james.sayHello(); // Alerts "James says hello"

在本例中，Person 是一个构造函数。可以通过使用new 运算符调用它来实例化。在构造函数内部，this 关键字引用实例，因此每个实例都有自己的name 属性。

Person 的 prototype 在所有实例之间共享。所以Person 的所有实例都有一个sayHello 方法，它们从Person.prototype继承。通过将sayHello 方法定义为Person.prototype 的属性，我们可以节省内存。我们可以很容易地为Person 的每个实例提供它自己的方法副本（通过在构造函数中将其分配给this.sayHello），但这并不那么有效。

在 jQuery 中，当您调用 $ 方法时，您实际上是在创建 jQuery.prototype.init 的实例（请记住 jQuery.fn === jQuery.prototype）：

return new jQuery.fn.init(selector, context, rootjQuery);

如果你看看jQuery.fn.init:

jQuery.fn.init.prototype = jQuery.fn;

实际上，您正在创建jQuery 的一个实例，它可以访问jQuery.prototype 上声明的所有方法。如前所述，这比在jQuery 的每个实例上声明这些方法要高效得多。