jQuery.fn में गहराई से जाना: प्रोटोटाइप का उपनाम

jQuery लाइब्रेरी के भीतर, आप रहस्यमय jQuery.fn का सामना कर सकते हैं। यह रहस्यमय एफएन क्या दर्शाता है और यह किस उद्देश्य को पूरा करता है?

प्रोटोटाइप की भूमिका

जावास्क्रिप्ट के दायरे में, प्रोटोटाइप संपत्ति एक महत्वपूर्ण घटक है कंस्ट्रक्टर कार्य। जब आप किसी विशिष्ट कंस्ट्रक्टर का उपयोग करके एक इंस्टेंस बनाते हैं, तो वह इंस्टेंस कंस्ट्रक्टर के प्रोटोटाइप से गुणों और विधियों को प्राप्त करता है।

jQuery as a Constructor

इसी तरह, jQuery पहचानकर्ता (या $) एक कंस्ट्रक्टर फ़ंक्शन के रूप में कार्य करता है। प्रत्येक jQuery ऑब्जेक्ट को jQuery कंस्ट्रक्टर के प्रोटोटाइप से विरासत में मिला है। यह प्रोटोटाइप fn प्रॉपर्टी के माध्यम से पहुंच योग्य है, जो अनिवार्य रूप से jQuery.fn को jQuery.prototype के लिए एक उपनाम बनाता है।

एक उदाहरण के साथ एक गहरा लुक

इस अवधारणा को स्पष्ट करने के लिए, आइए एक सरल कंस्ट्रक्टर फ़ंक्शन बनाएं:

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

var test = new Test();

इस उदाहरण में, इंस्टेंस टेस्ट को टेस्ट कंस्ट्रक्टर के प्रोटोटाइप से प्रॉपर्टी b विरासत में मिलती है।

jQuery आर्किटेक्चर और एक्सटेंशन

jQuery की आंतरिक कार्यप्रणाली इस कंस्ट्रक्टर-प्रोटोटाइप संरचना से मिलती जुलती है:

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

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

  window.foo = foo;
})();

jQuery के भीतर, fn प्रॉपर्टी के माध्यम से प्रोटोटाइप में एक्सटेंशन जोड़े जा सकते हैं, जो आपको कस्टम कार्यक्षमता के साथ jQuery ऑब्जेक्ट को बढ़ाने में सक्षम बनाता है।