स्थानीय घोषणा से पहले मेरा वैश्विक चर क्यों छायांकित है?

Question

x = 1; 
alert(x); 
var y = function() { 
    alert(x); 
    var x = 2; 
    alert(x); 
} 
y(); 

3 अलर्ट का परिणाम है: 1, undefined, 2 (क्रोम 25)

मेरा प्रश्न है: क्यों दूसरे अलर्ट अपरिभाषित है? क्यों नहीं 1? क्या कोई वैश्विक परिवर्तनीय एक्स नहीं है? कारण hoisting को

Answer 1

, यह क्या निष्पादित हो जाता है:

x = 1; 
alert(x); 
var y = function() { 
    var x; // <-- this gets hoisted up from where it was. 

    alert(x); 
    x = 2; 
    alert(x); 
} 
y(); 

समारोह y() के शुरू में, स्थानीय चर x घोषित किया जाता है, लेकिन प्रारंभ नहीं किया गया।

Answer 2

फ़ंक्शन में परिवर्तनीय घोषणा शीर्ष पर फिसल गई है। तो यह तकनीकी रूप से इस तरह दिखता है:

var y = function() { 
    var x; 

    alert(x); 

    x = 2; 
}; 

स्थानीय चर वैश्विक वैश्विक ओवरहेड करता है। यही कारण है कि अलर्ट undefined देता है।

Answer 3

चूंकि जावास्क्रिप्ट में दायरा एक कार्य वस्तु है। जब आप किसी फ़ंक्शन (कोड कोड) में कुछ कोड निष्पादित करते हैं, तो "चेतावनी (x)" फ़ंक्शन में "x" की कोई परिभाषा है या नहीं। तो, इस फ़ंक्शन में "var x = 2" है। लेकिन जावास्क्रिप्ट क्रम इस तरह अपने कोड की व्याख्या करेगा:

x = 1; 
alert(x); 
var y = function() { 
    var x; 
    alert(x); 
    x = 2; 
    alert(x); 
} 
y(); 

तो, दूसरे अलर्ट में एक्स "अनिर्धारित" नहीं "1" है। तो जब आप किसी फ़ंक्शन में कुछ चर घोषित करते हैं, तो मैं आपको अपने फ़ंक्शन के शीर्ष में चर घोषित करने की सलाह देता हूं।