जावास्क्रिप्ट स्थानीय स्कोपिंग: var बनाम यह

Question

मुझे जावास्क्रिप्ट चर के लिए स्कोपिंग के एक विशिष्ट मामले के आसपास अपना सिर नहीं लग रहा है। मुझे मिले अन्य उदाहरणों और प्रश्नों से अलग, मुझे नेस्टेड कार्यों के लिए स्कोपिंग में रूचि है।

मैंने this JSFiddle पर एक उदाहरण स्थापित किया है।

function MyObject() { 
    var self = this; 

    var a = 1; 
    this.b = 2; 

    var innerMethod = function() { 
     //1 and 2: direct reference 
     logMessage("a = " + a); // a = 1 
     //logMessage("b = " + b); // Error: b is not defined 

     //3 and 4: using this 
     logMessage("this.a = " + this.a); // this.a = undefined 
     logMessage("this.b = " + this.b); // this.b = undefined 

     //5 and 6: using self 
     logMessage("self.a = " + self.a); // self.a = undefined 
     logMessage("self.b = " + self.b); // self.b = 2 
    } 
} 

अब, मैं समझता हूँ कि a के लिए एक संदर्भ सीधे काम करता है: प्रासंगिकता का पीछा कर रहा है। मैं यह भी समझता हूं कि संदेश 3 और 4 (this.a और this.b) विफल हो जाएंगे क्योंकि this आंतरिक फ़ंक्शन को संदर्भित करता है। मैं यह भी समझता हूं कि लाइन 6 काम करता है क्योंकि मैं मूल वस्तु के संदर्भ को सहेजता हूं।

क्या मुझे समझ नहीं आता है:

• क्यों गए संदेशों 1 और 2 के लिए एक जैसे काम नहीं कर रहे हैं?
• संदेश 5 और 6 समान रूप से क्यों काम नहीं कर रहे हैं?

Answer 1

a वैरिएबल सिर्फ एक चर है। यह innerMethod (जो केवल एक नेस्टेड फ़ंक्शन है) के दायरे में दिखाई देता है, a के रूप में, जिसे यह घोषित किया गया था (यानी जावास्क्रिप्ट में लेक्सिकल स्कॉइंग नियम हैं, आंतरिक कार्य उन कार्यों के चर देख सकते हैं जिन्हें वे परिभाषित कर रहे हैं)।

thisMyObject कन्स्ट्रक्टर के स्थानीय दायरे के समान नहीं है।

आपने देखा है कि selfMyObject की this के लिए एक उपनाम है, और उस innerMethod अपने स्वयं के दायरे में this ओवरराइट किया है। फिर भी, this फ़ंक्शन स्कोप के लिए उपनाम नहीं है, न तो self.a और न ही this.a यहां कभी भी काम करेगा।

लेक्सिकल स्कोपिंग के एक और कठोर स्पष्टीकरण के लिए आप उदा। विकिपीडिया पर शुरू: http://en.wikipedia.org/wiki/Scope_(computer_science)

आप निष्पादन संदर्भों और ECMA में पहचानकर्ता संकल्प नियम मानक http://es5.github.com/#x10.3

Answer 2

यह कार्यक्षेत्र के साथ एक समस्या है, जब कार्य बनाए जाते हैं तो वे अपने परिवेश (चर सहित) को बचाते हैं।

तो जब innerMethod बनाया गया है, तो यह self और a चर देख सकता है।

एक महत्वपूर्ण अवधारणा यह है कि जब कार्य घोषित किया जाता है, तो इसे कॉल करने के बजाए गुंजाइश बनाई जाती है।

आपके मामले में 1, b घोषित नहीं किया जा रहा है (यह वस्तु एक जैसी नहीं है)।

मामलों 5 और 6 में, आपने self.a नहीं बनाया था।

Answer 3

मुख्य कारण यह है कि self innerMethodके दायरे में this के बराबर नहीं है है के बारे में पढ़ सकते हैं। this फ़ंक्शन के मालिक को संदर्भित करने वाला एक कीवर्ड है।innerMethod लिए, यह एक उदाहरण विधि नहीं है, यह विंडो के अंतर्गत आता है।

function MyObject() { 
    var self = this; 

    var innerMethod = function() { 
     alert("inner method, self == this?: " + self == this); // false 
     alert("inner method: " + this); // [object Window] 
     alert("closest constructor name of in prototype chain ?: "+ this.__proto__.constructor.name); // Window 
    } 

    this.outerMethod = function(){ 
     innerMethod(); 
     alert("outer method: " + this); // [object MyObject] 
     alert("closest constructor name in prototype chain?: "+ this.__proto__.constructor.name); // MyObject 
    } 
} 

var o = new MyObject(); 
o.outerMethod(); 

आप here