जावास्क्रिप्ट सख्त मोड

ECMAScript के पांचवें संस्करण ने सख्त मोड पेश किया (बाद में इसे स्ट्रिक्ट मोड के रूप में संदर्भित किया गया)। स्ट्रिक्ट मोड जावास्क्रिप्ट पर प्रतिबंधों की एक परत लगाता है, यह आपको भाषा के खतरनाक हिस्सों (उन भागों में जो ऐतिहासिक रूप से हैं, लेकिन यह मौजूद नहीं है) से बाड़ देता है और त्रुटियों की संभावना को कम करता है।

इस लेख को पढ़ते हुए, मैंने ES5 विनिर्देश में घोषित सभी सख्त मोड नियमों को कवर करते हुए 38 परीक्षण लिखे। आप देख सकते हैं कि आपका ब्राउज़र कैसे इन प्रबंधित का समर्थन करता है ।



प्रत्येक परीक्षण के लिए कोड आपको विनिर्देश को बेहतर ढंग से समझने में मदद करने के लिए लेख के अंत में प्रस्तुत किया गया है। आप कंसोल पर कोड की प्रतिलिपि बनाकर मैन्युअल रूप से परीक्षण भी कर सकते हैं। सभी स्रोत कोड मेरे भंडार में हैं ।

फ़ायरफ़ॉक्स 4 पहले से ही सख्त मोड का पूरी तरह से समर्थन करता है, और क्रोम 11 लगभग पूरी तरह से है। सख्त मोड कोने के चारों ओर है - चलो इसे और अधिक विस्तार से देखें!

सख्त मोड को कैसे सक्षम करें?

यदि आप अपने जावास्क्रिप्ट कोड के शीर्ष पर "use strict" जोड़ते हैं, तो संपूर्ण कोड पर स्ट्रिक्ट मोड लागू किया जाएगा:

 "use strict"; 012; //  .   SyntaxError  Strict Mode 

वैकल्पिक रूप से, आप अपने फ़ंक्शन बॉडी की शुरुआत में "use strict" जोड़कर केवल एक अलग फ़ंक्शन में स्ट्रिक्ट मोड को सक्षम कर सकते हैं:

 012; //  (Strict Mode   ) function foo() { "use strict"; x=3; //Strict Mode   -      } foo(); //ReferenceError (Strict Mode   ) 

क्या सख्त कार्य आंतरिक कार्य बाहरी कार्यों से विरासत में मिलते हैं?

बाहरी फ़ंक्शन के अंदर घोषित एक आंतरिक फ़ंक्शन जिसमें स्ट्रिक्ट मोड सक्षम है, उसमें स्ट्रिक्ट मोड भी होगा:

 var wrapper = function(fn) { 'use strict'; var deleteNonConfigurable = function () { var obj = {}; Object.defineProperty(obj, "name", { configurable: false }); delete obj.name; //   TypeError  Strict Mode } return deleteNonConfigurable; } wrapper()(); //TypeError (Strict Mode ) 

यह याद रखना महत्वपूर्ण है कि स्ट्रिक्ट मोड "गैर-सख्त" (मूल गैर-सख्त) कार्यों पर लागू नहीं होता है जो एक सख्त फ़ंक्शन के अंदर निष्पादित होते हैं (या तो उन्हें फ़ंक्शन के लिए तर्क के रूप में भेजा जाता है या कॉल या आवेदन का उपयोग करके निष्पादित किया जाता है):

 var test = function(fn) { 'use strict'; fn(); } var deleteNonConfigurable = function () { var obj = {}; Object.defineProperty(obj, "name", { configurable: false }); delete obj.name; //   TypeError  Strict Mode } test(deleteNonConfigurable); //  (Strict Mode  ) 

मैं अपने ब्राउज़र कंसोल में सख्त मोड सक्षम क्यों नहीं कर सकता?

जब आप फ़ायरवॉल कंसोल या अन्य कंसोल में कोड निष्पादित करते हैं, तो फ़ंक्शन के बाहर "use strict" मान्य नहीं है। ऐसा इसलिए है क्योंकि अधिकांश कंसोल आपके कोड को eval में फ्रेम करते हैं, इसलिए आपका "use strict" पहली अभिव्यक्ति नहीं है। आप अपने कोड को एक क्लोजर (IIFE) में लपेटकर इसके चारों ओर प्राप्त कर सकते हैं, जिसकी शुरुआत में हमने "use strict" (लेकिन जब मैंने स्ट्रिक मोड को सक्षम करने के इस तरीके का परीक्षण किया, तो मुझे एहसास हुआ कि यह असुविधाजनक है, खासकर यदि आप वेबकैट डेवलपर टूल कंसोल में काम करते हैं - पृष्ठ पर अपने कोड का परीक्षण करने के लिए बेहतर):

 (function() { "use strict"; var a; var b; function bar() { x = 5; //Strict Mode        } bar(); // ReferenceError (Strict Mode ) })(); 

यदि मेरा ब्राउज़र सख्त मोड का समर्थन नहीं करता है तो क्या होगा?

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

क्या नियम सख्त मोड में शामिल हैं?

नियम सख्त मोड विनिर्देश में परिभाषित किए गए हैं और "संकलन" और व्याख्या (स्क्रिप्ट निष्पादन) के दौरान प्रतिबंध शामिल हैं। यह एक परिचयात्मक अवलोकन है (मैंने निम्नलिखित पैराग्राफ में उदाहरण के साथ प्रत्येक नियम का वर्णन किया है): ecma262-5.com/els5_HTML.htm#Annex_C

सिंटेक्स त्रुटियां

ज्यादातर मामलों में, स्ट्रिक्ट मोड बूट प्रक्रिया के दौरान संदिग्ध या अवैध कोड के निष्पादन को रोकता है। ऑक्टल नंबर, डुप्लीकेट वैरिएबल नेम, डिलीट का गलत इस्तेमाल और कुछ ऐसा करने का प्रयास करता है जैसे कि एवैलेंस और आर्ग्युमेंट्स कीवर्ड के साथ प्रयोग करने से सिंटेक्सऑय्रर फेक होगा।

यह शब्द

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

वैश्विक चर का प्रत्यक्ष निर्माण

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

तर्क। छोटे और तर्क

ये "उपयोगी गुण" (लेन से उन्हें कभी इस्तेमाल नहीं किया गया) स्ट्रिक्ट मोड में निषिद्ध हैं। यदि आप उन्हें अपने कोड में उपयोग करते हैं, तो स्ट्रिक्ट मोड एक अपवाद फेंक देगा।

किसी मौजूदा ऑब्जेक्ट का नाम घोषित करना

जब आप दो समान कुंजियों के साथ एक ऑब्जेक्ट बनाते हैं, तो स्ट्रिक्ट मोड एक TypeError अपवाद को फेंक देगा।

परीक्षण

यहाँ मेरे सख्त मोड परीक्षणों का स्रोत है। प्रत्येक परीक्षण सूट में एक टिप्पणी है जो ECMAScript विनिर्देश के उस भाग को संदर्भित करता है जिसे वह परीक्षण कर रहा है। यह संस्करण "कंसोल मोड" में किया जा सकता है। यानी आप परीक्षण की प्रतिलिपि बना सकते हैं, इसे कंसोल में पेस्ट कर सकते हैं, और परिवर्तनों के बिना निष्पादित कर सकते हैं। मैंने परीक्षण पृष्ठ बनाने के लिए HTML मोड में काम करने वाले समान कोड का उपयोग किया था, जिसे मैंने लेख की शुरुआत में आपके सामने प्रस्तुत किया था। मेरे गीथॉब भंडार में अतिरिक्त वस्तुओं के साथ यह स्रोत। मुझे यकीन है कि वहाँ कुछ त्रुटियाँ हैं - त्रुटियों को भेजने के लिए स्वतंत्र महसूस करें!

एक अनुवादक से: यहाँ लेख में कोड का एक बड़ा टुकड़ा था, इसे पास्टबिन पर फेंक दिया

निष्कर्ष

कोड को बेहतर बनाने के लिए कुछ भाषा सुविधाओं तक पहुंच को रोकना एक महत्वपूर्ण बिंदु है, आइए इस बहस को बंद करें। स्ट्रिक्ट मोड के बचाव में, मैं कहना चाहता हूं कि यह कुल परिवर्तनों (जो पिछड़ी संगतता को तोड़ देगा) और कुछ नहीं करने के बीच (जो भाषा को अव्यवस्थित करेगा और डेवलपर्स को बुरी चीजें सिखाएगा) के बीच एक महान समझौता है।

और क्या पढ़ना है

ECMA-262 5 वां संस्करण: ECMAScript का सख्त तरीका
एसेन बोझिलोव: सख्त परीक्षक
ECMAScript 5 संगतता चार्ट, सख्त मोड भाग । यह एक उत्कृष्ट स्रोत है, यूरी जैतसेव (जुरी ज़यत्सेव उर्फ ​​"कंगक्स") द्वारा विकसित एक बड़ी संगतता तालिका का हिस्सा है।

अनुवादक से। सख्त मोड सभी ब्राउज़रों के लगभग आधे द्वारा समर्थित है, अपनी उत्कृष्ट सीमाओं और सामान्य त्रुटियों के लिए प्रतिरक्षा को छोड़कर। सख्त मोड अन्य लाभ (लेख mraleph ) प्रदान करता है। जल्द ही, स्ट्रिक्ट मोड का उपयोग नहीं करना बुरा रूप बन जाएगा ( रिक्वेस्ट एनाइमेशनफ्रेम बनाम सेटटाइमआउट के समान)। अब प्रयोग शुरू करने का समय है!