"var वह = यह;" के उद्देश्य को समझना जावास्क्रिप्ट में

जावास्क्रिप्ट के साथ काम करते समय, आपको कोड स्निपेट मिल सकते हैं जिनमें "varthat = this;" कथन शामिल होता है। यह निर्माण नेस्टेड फ़ंक्शंस के भीतर "इस" के संदर्भ को संरक्षित करने में महत्वपूर्ण भूमिका निभाता है, विशेष रूप से इवेंट हैंडलर में। हालाँकि, जब किसी फ़ंक्शन को किसी अन्य फ़ंक्शन में लागू किया जाता है, तो "इस" का मान बदल जाता है। इससे अप्रत्याशित व्यवहार हो सकता है, विशेष रूप से ईवेंट-संचालित कोड में जहां ईवेंट हैंडलर कॉलबैक में रहते हैं। दायरे में बदलाव के लिए. "यह" को "वह" में बदलकर, आप यह सुनिश्चित करते हैं कि "इस" का मूल मान नेस्टेड फ़ंक्शन के भीतर भी पहुंच योग्य बना रहे।

निम्नलिखित उदाहरण पर विचार करें:

$('#element' .क्लिक करें(फ़ंक्शन() { // यह क्लिक किए गए तत्व का संदर्भ है var वह = यह; $('.Elements').प्रत्येक(फ़ंक्शन() { // यह लूप में वर्तमान तत्व का संदर्भ है // वह अभी भी क्लिक किए गए तत्व का संदर्भ है }); });

इस कोड में, इवेंट हैंडलर फ़ंक्शन के पास उस तत्व तक पहुंच होती है जिस पर "इस" कीवर्ड के माध्यम से क्लिक किया गया था। हालाँकि, नेस्टेड फ़ंक्शन (प्रत्येक()) के भीतर, "यह" का मान लूप में वर्तमान तत्व को संदर्भित करता है। बाहरी फ़ंक्शन में "इस" को "उस" के रूप में कैप्चर करके, आप अभी भी उस तत्व तक पहुंच सकते हैं जिस पर प्रारंभ में क्लिक किया गया था।

$('#element').click(function() {
    // this is a reference to the element clicked on

    var that = this;

    $('.elements').each(function() {
        // this is a reference to the current element in the loop
        // that is still a reference to the element clicked on
    });
});

निष्कर्ष में, "var वह = यह;" विभिन्न क्षेत्रों में "इस" के मूल्य को संरक्षित करने के लिए जावास्क्रिप्ट में एक सामान्य तकनीक है। यह सुनिश्चित करता है कि नेस्टेड फ़ंक्शंस लागू होने पर भी ऑब्जेक्ट का मूल संदर्भ बनाए रखा जाता है।