深入研究 jQuery.fn：原型的别名

在 jQuery 库中，您可能会遇到神秘的 jQuery.fn。这个神秘的 fn 代表什么以及它有什么作用？

Prototype 的作用

在 JavaScript 领域，prototype 属性是一个至关重要的组成部分构造函数。当您使用特定构造函数创建实例时，该实例将从构造函数的原型继承属性和方法。

jQuery 作为构造函数

类似地，jQuery 标识符（或$) 充当构造函数。创建的每个 jQuery 对象都继承自 jQuery 构造函数的原型。这个原型可以通过 fn 属性访问，本质上使 jQuery.fn 成为 jQuery.prototype 的别名。

通过示例进行深入了解

为了说明这个概念，让我们构造一个简单的构造函数：

function Test() {
  this.a = 'a';
}
Test.prototype.b = 'b';

var test = new Test();

在此示例中，实例 test 从 Test 构造函数的原型继承属性 b。

jQuery 架构和扩展

jQuery 的内部工作原理类似于这个构造函数原型结构：

(function() {
  var foo = function() { // core constructor
    // ...
  };

  foo.fn = foo.prototype = {
    init: function () { /*...*/ }
    // ...
  };

  window.foo = foo;
})();

在 jQuery 中，可以通过 fn 属性将扩展添加到原型，使您能够通过自定义功能增强 jQuery 对象。