जावास्क्रिप्ट 'लेट' और 'var' फॉर-लूप

Question

जावास्क्रिप्ट में const कीवर्ड के पीछे उपयोग के लिए ठोस संख्याओं की खोज पर, मैंने सभी तीन परिवर्तनीय घोषणा प्रकारों var, let और const के बीच प्रदर्शन तुलना पर ठोकर खाई। मुझे परीक्षण सेटअप पसंद नहीं आया, इसलिए मैंने a simplified one बनाया।

मैं बहुत अंतर उम्मीद नहीं थी और Firefox मेरी उम्मीदों पर खरा मापा:

लेकिन क्रोमियम कुछ अजीब में हुआ:

इतना ही नहीं सभी परीक्षण के परिणाम हैं लूप के अंदर काफी कम लेकिन let गति के एक अंश तक टूट जाता है।

मैंने यह सुनिश्चित करने के लिए ब्राउज़रस्टैक में परीक्षण चलाने का फैसला किया है कि यह मेरा क्विर्की लिनक्स सेटअप नहीं है। विंडोज 10 पर Firefox 53 और Chrome 58 के साथ ऐसा ही होता है। मैंने कुछ हद तक पुराने Chrome 50 का परीक्षण किया और वही व्यवहार प्राप्त किया।

क्या चल रहा है? क्या यह एक बग है?

संपादित करें: कुछ ने टिप्पणी की कि लूप शायद कुछ भी नहीं कर रहा है क्योंकि यह कुछ भी नहीं कर रहा है। दिखाने के लिए, यह मामला नहीं है, मैंने the test बदल दिया।

Answer 1

ऐसा इसलिए है क्योंकि चलिए कीवर्ड विनिर्देश के लिए कुछ नया है और केवल स्थानीय दायरे पर लागू होता है। क्रोम में यह अभी तक अनुकूलित नहीं प्रतीत होता है, लेकिन यह केवल समय की बात होनी चाहिए।

Answer 2

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

var sum = 0; 
var fns = []; 

var _loop = function _loop(i) { 
    function foo() { 
    sum += i; 
    } 

    fns.push(foo); 
}; 

for (var i = 0; i < 1000; i++) { 
    _loop(i); 
} 

हालांकि:

let sum = 0; 
let fns = []; 
for (let i=0; i < 1000; i++) { 
    function foo() { sum += i; } 

    fns.push(foo); 

} 

आप देख सकते हैं जब आप इसे babeljs माध्यम से चलाने के बराबर ES5 कोड यह पैदा करता है आदेश सही चर जीवन काल को संरक्षित करने में एक समारोह कॉल में शामिल हैं: उदाहरण के लिए इस कोड पर विचार बेबेल इतना बुद्धिमान है कि यदि आप कुछ भी नहीं करते हैं जिसके लिए लूप वैरिएबल के जीवनकाल को विस्तारित करने की आवश्यकता होती है तो यह शरीर की इनलाइन के साथ साधारण for लूप का उपयोग करता है। तो अपने कोड:

for (let i=0; i < 1000; i++) { 
    true; 
} 

बिल्कुल के बराबर होना दिखाया जा सकता है: हो सकता है कि बहुत कुछ इसी तरह क्रोम में आंतरिक रूप से होता है

for (var i=0; i < 1000; i++) { 
    true; 
} 

मेरा अनुमान है, लेकिन वे अभी तक मामलों बाहर अनुकूल नहीं है जहां उन्हें लूप परिवर्तनीय को जीवित रखने की आवश्यकता नहीं है।

यह देखना दिलचस्प होगा कि इस उदाहरण के शीर्ष पर मैंने जो कोड इस्तेमाल किया था, वह फ़ायरफ़ॉक्स और क्रोम में तुलना करता है क्योंकि मुझे संदेह है कि उन्हें दोनों धीमी गति से समाप्त होना चाहिए। आपको खाली लूप जैसे समय की चीजों से सावधान रहना चाहिए क्योंकि परिणाम वास्तविक कोड के लिए सामान्य से कहीं अधिक अनुकूलन द्वारा छोड़े जा सकते हैं।