जावास्क्रिप्ट दायरा पूरी असाइनमेंट

Question

मैं वैश्विक गुंजाइश और जावास्क्रिप्ट चर और उनके सामान्य undesirability साथ मुद्दों को समझने; और आप उन्हें हर जगह पाते हैं। (एक ब्राउज़र में) के बाद बराबर है: अपने चर जड़ को सौंपा गया है (:

var foo = 3; // foo === 3, window.foo === 3 
bazz = 10; // bazz === 10, window.bazz === 10 

वैश्विक क्षेत्र में वर कीवर्ड के साथ एक चर घोषणा कोड में कहीं भी एक वर के बिना यह घोषित करने के समान ही है खिड़की) वस्तु।

var _gaq = _gaq || []; 

... और मुझे तर्क का पालन करें कि _gaq उपयोग घोषित किया गया है, तो है कि, अगर नहीं एक के रूप में बनाना:

एक तकनीक मैं एक बहुत देखते हैं (Google Analytics सेट अप जैसे) यह है सरणी। यह लापरवाही कोडिंग को ग्लोबल वैरिएबल _gaq को पहले से निर्दिष्ट किसी भी मान को ओवरराइट नहीं करने की अनुमति देता है।

_gaq = _gaq || []; 

उन्होंने मुझे के बराबर लग रही:

क्या मुझे समझ नहीं आता क्यों कि यह एक त्रुटि फेंकता है _gaq _gaq का मूल्य लेना चाहिए या एक सरणी के रूप में initialised किया। लेकिन यह एक संदर्भ त्रुटि फेंकता है - मेरा सवाल है: वे अलग क्यों हैं?

Answer 1

आप कभी भी पढ़ सकते हैं वेरिएबल जिन्हें घोषित नहीं किया गया है, और यही वह है जो आप पिछले मामले में _gaq || [] अभिव्यक्ति के साथ प्रयास कर रहे हैं।

इस मामले

_gaq = _gaq || []; 

_qaq में से पहले घोषित नहीं किया गया है और जब दाहिने हाथ की ओर (_gaq || []) का मूल्यांकन किया जाता है, यह त्रुटि फेंकता है।

यहाँ क्या इस मामले में हो रहा है के कदम विवरण द्वारा कदम है:

असाइनमेंट ऑपरेटर विनिर्देश के section 11.13.1 में वर्णित है:

The production AssignmentExpression : LeftHandSideExpression = AssignmentExpression is evaluated as follows:

1. Let lref be the result of evaluating LeftHandSideExpression .
2. Let rref be the result of evaluating AssignmentExpression .
...

LeftHandSideExpression_gaq है, AssignmentExpression_gqa || [] है।

तो पहले _qaq का मूल्यांकन किया गया है, जिसके परिणामस्वरूप unresolvable reference है, क्योंकि परिवर्तनीय _gaq घोषित नहीं किया गया है। यह मूल्यांकन त्रुटि नहीं फेंकता है।

फिर _gqa || [] का मूल्यांकन किया गया है। यह एक LogicalORExpression है और LogicalORExpression || LogicalANDExpression रूप section 11.11 में वर्णित है।इस मामले में, LogicalORExpression, बाएं हाथ की ओर, _gaq और LogicalANDExpression है, दाईं ओर, [] है।

1. Let lref be the result of evaluating LogicalORExpression .
2. Let lval be GetValue(lref) .
...

हम पहले से ही जानते हैं कि lref एक न सुलझा हुआ संदर्भ क्योंकि _gaq घोषित नहीं किया गया था हो जाएगा:
अभिव्यक्ति के रूप में इस मूल्यांकन किया जाता है। तो देता है एक नज़र क्या GetValue कर रही है है (section 8.7.1 में परिभाषित किया गया, V मूल्य GetValue के लिए पारित किया है):

1. If Type(V) is not Reference , return V .
2. Let base be the result of calling GetBase(V) .
3. If IsUnresolvableReference(V) , throw a ReferenceError exception.
...

आप देख सकते हैं, एक ReferenceError त्रुटि इस प्रक्रिया के तीसरे चरण में फेंक दिया जाता है, जिसमें असाइनमेंट के दाईं ओर मूल्यांकन करके निष्पादित किया जाता है, और यह वह जगह है जहां त्रुटि फेंक दी जाती है।

तो, यह var _gaq = _gaq || []; के साथ क्यों नहीं होता है?

यह पंक्ति:

var _gaq = _gaq || []; 

वास्तव में

var _gaq; 
_gaq = _gaq || []; 

कुछ hoisting ^[MDN] कहा जाता है की वजह से

है। इसका मतलब है कि _gaq का मूल्यांकन किया जाता है, तो यह परिणामस्वरूप अनारक्षित संदर्भ, लेकिन मूल्य undefined के साथ संदर्भ है।

(यदि चर _gaq पहले से ही घोषित किया जाता है (और संभवत: अपना महत्व होता है), तो var _gaq कोई असर नहीं होगा।)

---

आप एक समारोह अंदर से विश्व स्तर पर _gaq बनाने के लिए चाहते हैं, करते हैं

window._gaq = window._gaq || []; 

Answer 2

= के दाईं ओर var के साथ घोषित नहीं किया गया था, तो यह एक संदर्भ त्रुटि फेंक देगा। आप एक चर का संदर्भ देने की कोशिश कर रहे हैं जो मौजूद नहीं है। "जादू" बस गैर-मौजूद चर के बताए के लिए काम करता है।

यह सिर्फ x = y + 1 कह की तरह है; समस्या गैर मौजूदा x नहीं है, लेकिन गैर मौजूदा y।

Answer 3

यह एक त्रुटि फेंक होगा, क्योंकि चर वर्तमान कार्यकारी के संदर्भ श्रृंखला में नहीं मिला है: यह स्पष्ट रूप सेwindow का हवाला देते हुए ution संदर्भ। एक वेरिएबल को एक्सेस करना जिसे हल नहीं किया जा सकता है, परिणामस्वरूप एक त्रुटि होगी।

_gaq = _gaq || []; 

यह, दूसरे हाथ पर, खिड़की वस्तु के एक सदस्य के रूप में यह देखने के लिए कोशिश कर रहा _gac को हल करने की कोशिश करेंगे, जो पता चला है वैश्विक संदर्भ 'होल्डर' वस्तु माना जाता है। इस मामले में अंतर यह है कि यह कोई त्रुटि नहीं फेंक देगा, लेकिन window._gaq अपरिभाषित वापस आ जाएगा, क्योंकि संपत्ति विंडो ऑब्जेक्ट में नहीं मिली है।

_gaq = window._gaq || []; 

तो, के बाद से वैश्विक संदर्भ वस्तु खिड़की है (जब ब्राउज़र के बारे में बात कर रहा), अगर _gaq परिभाषित किया गया है, इस दो कथनों में एक ही प्रभाव पड़ेगा। अंतर तब देखा जाएगा जब _gaq परिभाषित नहीं किया गया है, और विंडो ऑब्जेक्ट का उपयोग करके इसे एक्सेस करने से त्रुटि प्राप्त करने का लाभ हो सकता है।

Answer 4

यहां अंतर्निहित अवधारणा hoisting है और यह अक्सर अभ्यास में मुश्किल होती है। वैरिएबल को फ़ंक्शन के दायरे के शीर्ष पर परिभाषित किया जाता है जबकि असाइनमेंट अभी भी होता है जहां इसे परिभाषित किया जाता है।

इस var _gaq = _gaq के साथ वैरिएबल वास्तव में परिभाषित किया गया है असाइनमेंट के लिए कोड की वास्तविक पंक्ति निष्पादित की जाती है। इसका अर्थ यह है कि जब असाइनमेंट होता है तो वेरिएबल पहले से ही विंडो स्कोप पर होता है। _gaq के सामने var के बिना कोई hoisting होता है और इस प्रकार _gaq अभी तक मौजूद नहीं है जब असाइनमेंट संदर्भ त्रुटि उत्पन्न करता है।

आप कार्रवाई में यह देखने के लिए आप जाँच कर सकते हैं जब _gaq चर के साथ विंडो ऑब्जेक्ट में जोड़ा जाता है चाहते हैं निम्नलिखित:

function printIsPropOnWindow(propToCheck) 
{ 
    for (prop in window) 
    { 
     if (prop == propToCheck) 
     { 
      console.warn('YES, prop ' + prop + ' was on the window object'); 
      return; 
     } 
    } 
    console.warn('NO, prop ' + propToCheck + ' was NOT on the window object'); 
} 


try { 
    var _gaq = function() { 
     printIsPropOnWindow("_gaq"); 
     return a; 
    }(); 
} catch (ex) { 
    printIsPropOnWindow("_gaq"); 
} 
_gaq = "1"; 
printIsPropOnWindow("_gaq"); 

आप _gaq से पहले वर के साथ एक बार यह कोशिश है के रूप में और एक बार तो हटा दिया गया आप बहुत अलग परिणाम देखेंगे क्योंकि किसी के पास _gaq hoisted है और दूसरा नहीं है।