什麼是 jQuery.fn？

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

在 jQuery 庫中，您可能會遇到神秘的 jQuery.fn。這個神秘的 fn 代表什麼以及它有什麼用途？

原型的作用

在 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 物件：自訂功能。

以上是什麼是 jQuery.fn？的詳細內容。更多資訊請關注PHP中文網其他相關文章！