深入研究 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 物件。