जावास्क्रिप्ट 'सख्त उपयोग'; अंदर कार्यों

Question

परीक्षण क्रोम देव में कुछ js कोड कंसोल और मैं थोड़ा उलझन में हूँ।

मुझे पता है कि सख्त मोड कार्यों है कि एक वस्तु के तरीकों जब करने के लिए भेजा नहीं कर रहे हैं में इस कीवर्ड वैश्विक वस्तु के स्थान पर अपरिभाषित प्राप्त करना चाहिए।

function test(){ 
    "use strict"; 
    return this===undefined;} 
test(); 

आउटपुट झूठी।

"use strict"; 
function test(){ 
    return this===undefined;} 
test(); 

फिर भी झूठी।

(function test(){ 
    "use strict"; 
    return this===undefined;}()); 

आउटपुट सच।

बस स्पष्ट करने के लिए करना चाहता था। ʕ • ᴥ • ʔ मैं जेएस के लिए नया हूँ।

Answer 1

यह क्रोमियम डेवलपर कंसोल में एक बग है जो अभी भी वैश्विक ऑब्जेक्ट को संदर्भित करने के लिए this का कारण बनता है। वही कोड स्थान बार में और दस्तावेज़ों में javascript: के साथ निर्दिष्ट के रूप में कार्य करता है।

आपको लगता है कि परीक्षण कर सकते हैं की तरह तो (2 सांत्वना आदानों):

var global = (function() { return this; }()); 

"use strict"; 
function test() { return this === global; } 
test(); 

और (एक या अधिक सांत्वना आदानों)

var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.appendChild(document.createTextNode(
    'function test() { "use strict"; return this === undefined; }; console.log(test());' 
)); 
document.body.appendChild(script); 

क्रोमियम संस्करण 25.0.1364.97 डेबियन 7.0 में परीक्षण किया गया (183,676) ।

Answer 2

सब कुछ ठीक। यदि आप कुछ एचटीएमएल पेज (देव कंसोल नहीं) के माध्यम से अपना कोड चलाते हैं, तो परिणाम उम्मीदों को पूरा करते हैं (हमेशा this===undefined)।

साथ ही क्षेत्र में नवीनतम फ़ायरफ़ॉक्स (Firebug):

function test(){ 
    "use strict"; 
    return this===undefined;} 
test(); 
>> true 

तो यह सिर्फ एक और क्रोम के बग प्रतीत हो रहा है (सुविधा?)। ऐसा लगता है कि यह dev console के माध्यम से पारित कोड के लिए थोड़ा अलग दृष्टिकोण है।

भी ध्यान रखें कि आदेश मामलों:

<script> 
    console.log('Me First!'); 

    "use strict"; 

    function test(){ 
     console.log(this); 
    } 
    test(); 

</script> 

>>> "Me First!" 
>>> Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…} 

लेकिन:

<script> 
    "use strict"; 

    console.log('Me later!'); 

    function test(){ 
     console.log(this); 
    } 
    test(); 

</script> 

>>> undefined 
>>> "Me later!" 

Answer 3

क्या आपने गौर किया बस रास्ते से एक पक्ष प्रभाव डेवलपर कंसोल काम करता है। जब आप कोड वहाँ दर्ज करें, यह प्रभावी रूप से है कि क्या होता है (अधिक जानकारी के लिए this answer देखें):

eval.call(null, "with (window) { \ 
        function test() { \ 
         'use strict'; \ 
         console.log(this); \ 
        } test(); \ 
       }"); 

यह eval के लिए एक अप्रत्यक्ष कॉल, (में यह हमेशा वैश्विक निष्पादन संदर्भ में निष्पादित करेंगे जिसका मतलब है कि है ब्राउज़र, यह window है)।

प्रभावी ढंग से, समारोह वैश्विक वस्तु के लिए बाध्य है और इसलिए this, वैश्विक ऑब्जेक्ट के संदर्भ रखती है के रूप में यदि आप एक वेब पेज (बजाय कंसोल में) में ऐसा किया:

function test(){ 
    "use strict"; 
    return this === undefined; 
} 

test(); // true 
test.call(window); // false