JavaScript में लेक्सिकल 'this' क्या है?

फैट एरो फ़ंक्शन लेक्सिकल बाइंडिंग "this" के मुद्दे को हल करता है। यह "this" का संदर्भ प्राप्त करता है और आप वही उद्देश्य पूरा कर सकते हैं क्योंकि फैट एरो का अपना this नहीं होता। फैट एरो फ़ंक्शन, जैसा कि नाम से पता चलता है, कोड की लाइनों को कम करने में मदद करता है। सिंटैक्स => फैट एरो दिखाता है।

उदाहरण

$('.button1').click(function () { 
    setTimeout(function () { 
        $(this).text('demo'); 
    }, 400); 
});

उपरोक्त एक त्रुटि देता है क्योंकि function() this को ग्लोबल ऑब्जेक्ट के रूप में परिभाषित करता है। आइए देखें कि फैट एरो फ़ंक्शन और "this" के संदर्भ का उपयोग करके इसे कैसे हल करें:

$('.button1').click(function () { 
    setTimeout(() => { 
        $(this).text('demo') 
    }, 400); 
});