अल्पज्ञात जावास्क्रिप्ट सुविधाएँ

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



आज हम उनके व्यावहारिक अनुप्रयोग के लिए अल्पज्ञात जावास्क्रिप्ट सुविधाओं और विकल्पों के बारे में बात करेंगे।

जावास्क्रिप्ट हमेशा कुछ नया होता है

मैं कई वर्षों से जावास्क्रिप्ट के साथ काम कर रहा हूं और मैं लगातार कुछ ऐसा कर रहा हूं जिसका मुझे कभी संदेह नहीं था। यहाँ मैंने भाषा की ऐसी ही अल्प-ज्ञात विशेषताओं को सूचीबद्ध करने का प्रयास किया। सख्त मोड में, उनमें से कुछ काम नहीं करेंगे, लेकिन सामान्य मोड में वे जेएस कोड के नमूने पूरी तरह से सही हैं। यह ध्यान दिया जाना चाहिए कि मैं पाठकों को यह सब सेवा में लेने की सलाह देने के लिए नहीं मानता हूं। हालाँकि मैं आपसे जो बात करने जा रहा हूँ वह आपको बहुत दिलचस्प लगती है, अगर आप किसी टीम में काम करते हैं और अपने साथियों को आश्चर्यचकित करते हैं, तो आप यह सब इस्तेमाल करना शुरू कर सकते हैं।

→ यहाँ हम जिस कोड की चर्चा करेंगे, वह यहाँ पाया जा सकता है।

कृपया ध्यान दें कि मैंने चर, क्लोजर, प्रॉक्सी ऑब्जेक्ट्स, प्रोटोटाइप इनहेरिटेंस, एसिंक्स / वेट, जनरेटर, और जैसी चीजें शामिल नहीं कीं। यद्यपि भाषा की इन विशेषताओं को समझने में मुश्किल के लिए जिम्मेदार ठहराया जा सकता है, वे अच्छी तरह से ज्ञात नहीं हैं।

शून्य संचालक

जावास्क्रिप्ट में एक void ऑपरेटर है। आप इसे void(0) या void 0 । इसका एकमात्र उद्देश्य अभिव्यक्ति को उसके दाईं ओर गणना करना और undefined लौटना है। 0 यहाँ इसका उपयोग केवल इसलिए किया जाता है क्योंकि यह प्रथागत है, हालाँकि यह आवश्यक नहीं है, और यहाँ आप किसी भी मान्य अभिव्यक्ति का उपयोग कर सकते हैं। सच है, यह ऑपरेटर किसी भी मामले में undefined लौटेगा।

 //  void void 0                  // undefined void (0)                // undefined void 'abc'              // undefined void {}                 // undefined void (1 === 1)          // undefined void (1 !== 1)          // undefined void anyfunction()      // undefined 

भाषा में एक विशेष कीवर्ड क्यों जोड़ा जाए जो undefined लौटाने का कार्य करता है, यदि आप मानक मान का undefined उपयोग कर सकते हैं? क्या यह नहीं है, कुछ अतिरेक है?

जैसा कि यह निकला, अधिकांश ब्राउज़रों में ES5 मानक की उपस्थिति से पहले, undefined एक मानक मूल्य को एक नया मान सौंपा जा सकता है। कहते हैं कि आप इस आदेश को सफलतापूर्वक निष्पादित कर सकते हैं: undefined = "abc" । नतीजतन, एक undefined मूल्य यह नहीं होना चाहिए कि यह क्या होना चाहिए। उन दिनों में, void के उपयोग ने हमें वास्तविक undefined के उपयोग में विश्वास सुनिश्चित करने की अनुमति दी।

कंस्ट्रक्टरों को बुलाते समय ब्रैकेट वैकल्पिक होते हैं

वर्ग नाम के बाद जोड़े जाने वाले ब्रैकेट, कंस्ट्रक्टर को लागू करना, पूरी तरह से वैकल्पिक होते हैं (जब तक कि कंस्ट्रक्टर को तर्क पारित करने की आवश्यकता नहीं होती है)।

निम्नलिखित उदाहरण में, कोष्ठक की उपस्थिति या अनुपस्थिति कार्यक्रम के सही संचालन को प्रभावित नहीं करती है।

 //     const date = new Date() const month = new Date().getMonth() const myInstance = new MyClass() //     const date = new Date const month = (new Date).getMonth() const myInstance = new MyClass 

IIFE के साथ ब्रैकेट का उपयोग नहीं किया जा सकता है

IIFE सिंटैक्स मुझे हमेशा अजीब लगता है। ये सभी कोष्ठक क्यों हैं?

जैसा कि यह पता चला है, कोष्ठक को केवल जावास्क्रिप्ट पार्सर को यह बताने की आवश्यकता है कि कुछ कोड एक कार्यात्मक अभिव्यक्ति है, और फ़ंक्शन को घोषित करने के लिए गलत प्रयास नहीं है। इस तथ्य को जानने से हमें यह समझने की अनुमति मिलती है कि आईआईएफई संलग्न करने वाले ब्रैकेट से छुटकारा पाने के कई तरीके हैं, और एक ही समय में काम करने वाला कोड लिखें।

 // IIFE (function () { console.log('Normal IIFE called') })() // Normal IIFE called void function () { console.log('Cool IIFE called') }() // Cool IIFE called 

यहां, void ऑपरेटर पार्सर को बताता है कि निम्नलिखित कोड एक कार्यात्मक अभिव्यक्ति है। यह फ़ंक्शन घोषणा के चारों ओर कोष्ठक से छुटकारा पाना संभव बनाता है। और वैसे, यहां आप किसी भी अनियंत्रित ऑपरेटर ( void , + , + , - और इतने पर) का उपयोग कर सकते हैं, और कोड काम कर रहेगा। यह अद्भुत नहीं है?

हालांकि, यदि आप एक चौकस पाठक हैं, तो आप आश्चर्यचकित हो सकते हैं कि यूनिरी ऑपरेटर आईआईएफई से लौटे परिणाम को प्रभावित करता है। वास्तव में, जिस तरह से यह है। लेकिन अच्छी बात यह है कि यदि आपको IIFE के परिणाम की आवश्यकता है, जिसे आप उदाहरण के लिए, एक चर में स्टोर करते हैं, तो आपको IIFE के आसपास कोष्ठक की आवश्यकता नहीं है। यहाँ एक उदाहरण है।

 // IIFE,    let result = (function () { // ... -  return 'Victor Sully' })() console.log(result) // Victor Sully let result1 = function () { // ... -  return 'Nathan Drake' }() console.log(result1) // Nathan Drake 

पहले IIFE के चारों ओर ब्रेसिज़ केवल इसके संचालन को प्रभावित किए बिना कोड की पठनीयता में सुधार करते हैं।

यदि आप IIFE को बेहतर ढंग से समझना चाहते हैं, तो इस सामग्री पर एक नज़र डालें।

के साथ निर्माण

क्या आप जानते हैं कि जावास्क्रिप्ट में एक ऐसा निर्माण है जो अभिव्यक्ति ब्लॉकों का समर्थन करता है? यह इस तरह दिखता है:

 with (object)  statement //       with (object) {  statement  statement  ... } 

निर्माण के with कमांड को निष्पादित करते समय उपयोग की जाने वाली गुंजाइश श्रृंखला में इसके पास पारित ऑब्जेक्ट के सभी गुणों को जोड़ता है।

 //    with const person = { firstname: 'Nathan', lastname: 'Drake', age: 29 } with (person) { console.log(`${firstname} ${lastname} is ${age} years old`) } // Nathan Drake is 29 years old 

एक महान उपकरण की तरह लग सकता है। ऐसा लगता है कि यह ऑब्जेक्ट विनाश के लिए जेएस की नई सुविधाओं से भी बेहतर है, लेकिन वास्तव में यह नहीं है।

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

समारोह निर्माता

function कीवर्ड का उपयोग करना नए फ़ंक्शन को परिभाषित करने का एकमात्र तरीका नहीं है। आप Function कन्स्ट्रक्टर और new ऑपरेटर का उपयोग करके गतिशील रूप से फ़ंक्शन को परिभाषित कर सकते हैं। यहाँ है कि यह कैसा दिखता है।

 //  Function const multiply = new Function('x', 'y', 'return x*y') multiply(2,3) // 6 

कंस्ट्रक्टर को दिया गया अंतिम तर्क फ़ंक्शन कोड के साथ एक स्ट्रिंग है। दो अन्य तर्क फ़ंक्शन पैरामीटर हैं।

यह ध्यान रखना दिलचस्प है कि Function निर्माता जावास्क्रिप्ट में सभी निर्माणकर्ताओं के "माता-पिता" हैं। यहां तक ​​कि Object कंस्ट्रक्टर एक Function कंस्ट्रक्टर है। और देशी Function कंस्ट्रक्टर भी Function । नतीजतन, किसी भी JS ऑब्जेक्ट के लिए पर्याप्त संख्या में किए गए ऑब्जेक्ट object.constructor.constructor... का एक कॉल पर्याप्त परिणाम के रूप में Function निर्माता को वापस कर देगा।

फ़ीचर गुण

हम सभी जानते हैं कि जावास्क्रिप्ट में कार्य प्रथम श्रेणी की वस्तुएं हैं। इसलिए, कोई भी हमें नए गुणों को कार्यों में जोड़ने से नहीं रोक रहा है। यह पूरी तरह से सामान्य है, लेकिन इसका उपयोग शायद ही कभी किया जाता है।

इसकी जरूरत कब पड़ सकती है?

वास्तव में, ऐसी कई स्थितियाँ हैं जिनमें यह सुविधा क्षमता काम आ सकती है। उन पर विचार करें।

▍ कस्टम सुविधाएँ

मान लीजिए कि हमारे पास एक greet() फ़ंक्शन है। हमें उसकी उपयोग की गई क्षेत्रीय सेटिंग्स के आधार पर अलग-अलग स्वागत संदेश प्रदर्शित करने की आवश्यकता है। इन सेटिंग्स को फ़ंक्शन के लिए एक बाहरी बाहरी में संग्रहीत किया जा सकता है। इसके अलावा, फ़ंक्शन में एक संपत्ति हो सकती है जो इन सेटिंग्स को परिभाषित करती है, विशेष रूप से, उपयोगकर्ता की भाषा सेटिंग्स। हम दूसरे दृष्टिकोण का उपयोग करेंगे।

 //  ,   function greet () { if (greet.locale === 'fr') {   console.log('Bonjour!') } else if (greet.locale === 'es') {   console.log('Hola!') } else {   console.log('Hello!') } } greet() // Hello! greet.locale = 'fr' greet() // Bonjour! 

स्थिर चर के साथ withFunctions

यहाँ एक और समान उदाहरण है। मान लें कि हमें एक निश्चित जनरेटर को लागू करने की आवश्यकता है जो क्रमबद्ध संख्याओं का एक क्रम उत्पन्न करता है। आमतौर पर ऐसी स्थितियों में, पिछली उत्पन्न संख्या के बारे में जानकारी संग्रहीत करने के लिए, कक्षाओं में स्थिर काउंटर चर या IIFE का उपयोग किया जाता है। इस दृष्टिकोण के साथ, हम काउंटर तक पहुंच को प्रतिबंधित करते हैं और अतिरिक्त चरों के साथ वैश्विक दायरे के प्रदूषण को रोकते हैं।

लेकिन क्या होगा अगर हमें लचीलेपन की ज़रूरत है, अगर हमें पढ़ने या यहां तक ​​कि ऐसे काउंटर के मूल्य को संशोधित करने की आवश्यकता है और वैश्विक दायरे को रोकना नहीं है?

बेशक, आप संबंधित चर के साथ एक वर्ग बना सकते हैं और उन तरीकों के साथ जो आपको इसके साथ काम करने की अनुमति देते हैं। या आप ऐसी चीजों से परेशान नहीं हो सकते हैं और केवल कार्यों के गुणों का उपयोग कर सकते हैं।

 //  ,   function generateNumber () { if (!generateNumber.counter) {   generateNumber.counter = 0 } return ++generateNumber.counter } console.log(generateNumber()) // 1 console.log(generateNumber()) // 2 console.log('current counter value: ', generateNumber.counter) // current counter value: 2 generateNumber.counter = 10 console.log('current counter value: ', generateNumber.counter) // current counter value: 10 console.log(generateNumber()) // 11 

तर्क वस्तु के गुण

मुझे यकीन है कि आप में से अधिकांश जानते हैं कि कार्यों में एक arguments वस्तु है। यह एक सरणी जैसी वस्तु है जो सभी फ़ंक्शंस के भीतर पहुँचती है (एरो फ़ंक्शंस के अपवाद के साथ, जिनके पास अपने arguments ऑब्जेक्ट नहीं हैं)। इसमें उस फ़ंक्शन को दी गई दलीलों की एक सूची है, जब उसे बुलाया गया था। इसके अलावा, इसमें कुछ रोचक गुण हैं:

• arguments.callee । मौजूदा फ़ंक्शन का लिंक शामिल है।
• arguments.caller में फ़ंक्शन का संदर्भ होता है जिसे वर्तमान फ़ंक्शन कहा जाता है।

एक उदाहरण पर विचार करें।

 //  callee  caller  arguments const myFunction = function () { console.log('Current function: ', arguments.callee.name) console.log('Invoked by function: ', arguments.callee.caller.name) } void function main () { myFunction() } () // Current function: myFunction // Invoked by function: main 

ES5 मानक सख्त मोड में callee और caller गुणों के उपयोग को प्रतिबंधित करता है, लेकिन वे अभी भी कई जावास्क्रिप्ट-संकलित प्रोग्राम ग्रंथों में व्यापक रूप से पाए जाते हैं, उदाहरण के लिए, पुस्तकालयों में। इसलिए, उनके बारे में जानना उपयोगी है।

टैग की गईं साक्षरता साहित्य

निश्चित रूप से आप, अगर आपको जावास्क्रिप्ट प्रोग्रामिंग से कोई लेना-देना है, तो टेम्पलेट शाब्दिक के बारे में सुना है । टेम्पलेट शाब्दिक ES6 मानक के कई महान नवाचारों में से एक है। हालाँकि, क्या आप टैग किए गए टेम्प्लेट शाब्दिक के बारे में जानते हैं

 //    `Hello ${username}!` //    myTag`Hello ${username}!` 

टैग किए गए टेम्पलेट शाब्दिक, डेवलपर को नियंत्रित करने की अनुमति देते हैं कि टेम्पलेट शाब्दिक स्ट्रिंग में कैसे बदल जाता है। यह विशेष टैग का उपयोग करके किया जाता है। एक टैग सिर्फ एक पार्सर फ़ंक्शन का नाम है जो स्ट्रिंग पैटर्न द्वारा व्याख्या की गई स्ट्रिंग और मानों की एक सरणी प्राप्त करता है। टैग फ़ंक्शन का उपयोग करते समय, यह उम्मीद की जाती है कि यह तैयार स्ट्रिंग को वापस कर देगा।

निम्नलिखित उदाहरण में, हमारा टैग, टेम्पलेट टेम्प्लेट के डेटा को highlight करता है, इस डेटा को एक समाप्त लाइन में एम्बेड करता है, इसे HTML <mark> टैग में रखकर चुनता है जब इस तरह का टेक्स्ट वेब पेज पर प्रदर्शित होता है।

 //    function highlight(strings, ...values) { //  i -      let result = '' strings.forEach((str, i) => {   result += str   if (values[i]) {     result += `<mark>${values[i]}</mark>`   } }) return result } const author = 'Henry Avery' const statement = `I am a man of fortune & I must seek my fortune` const quote = highlight`${author} once said, ${statement}` // <mark>Henry Avery</mark> once said, <mark>I am a man of fortune // & I must seek my fortune</mark> 

इस सुविधा का उपयोग करने के दिलचस्प तरीके कई पुस्तकालयों में पाए जा सकते हैं। यहाँ कुछ उदाहरण हैं:

• स्टाइल-घटकों - प्रतिक्रिया अनुप्रयोगों में उपयोग के लिए।
• es2015-i18n-tag - परियोजनाओं के अनुवाद और अंतर्राष्ट्रीयकरण के लिए।
• चाक - सांत्वना के लिए बहुरंगी संदेशों को आउटपुट करने के लिए।

ES5 में गेटर्स और सेटर्स

अधिकांश भाग के लिए जावास्क्रिप्ट ऑब्जेक्ट, बहुत सरल हैं। मान लें कि हमारे पास एक user ऑब्जेक्ट है, और हम user.age निर्माण का उपयोग करके इसकी age संपत्ति तक पहुंचने का प्रयास कर रहे हैं। इस दृष्टिकोण के साथ, यदि इस संपत्ति को परिभाषित किया जाता है, तो हमें इसका मूल्य मिलेगा, और यदि परिभाषित नहीं किया गया, तो हम undefined हो जाएंगे। सब कुछ बहुत सरल है।

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

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

 //    const user = { firstName: 'Nathan', lastName: 'Drake', // fullname -    get fullName() {   return this.firstName + ' ' + this.lastName }, //      set age(value) {   if (isNaN(value)) throw Error('Age has to be a number')   this._age = Number(value) }, get age() {   return this._age } } console.log(user.fullName) // Nathan Drake user.firstName = 'Francis' console.log(user.fullName) // Francis Drake user.age = '29' console.log(user.age) // 29 // user.age = 'invalid text' // Error: Age has to be a number 

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

गेटर्स के उपयोग के उदाहरणों में लोकप्रिय Node.js कलर्स लाइब्रेरी शामिल है।

यह लाइब्रेरी स्ट्रिंग क्लास तक फैली हुई है और इसमें कई गेट्टर मेथड्स जोड़े गए हैं। यह आपको एक स्ट्रिंग को इसके "रंगीन" संस्करण में बदलने की अनुमति देता है ताकि इस स्ट्रिंग का उपयोग लॉगिंग के लिए किया जा सके। यह स्ट्रिंग गुणों के साथ काम करके किया जाता है।

कोमा संचालक

JS के पास अल्पविराम ऑपरेटर है। यह आपको एक पंक्ति में कई भाव लिखने की अनुमति देता है, एक अल्पविराम द्वारा अलग किया जाता है, और अंतिम अभिव्यक्ति के मूल्यांकन के परिणाम को वापस करता है। यहां इस तरह के डिजाइन दिखते हैं।

 let result = expression1, expression2,... expressionN 

यहां, सभी अभिव्यक्तियों के मूल्यों की गणना की जाएगी, जिसके बाद एक्सप्रेशनएन का मान result चर में मिलेगा।

यह संभव है कि आप पहले से ही लूप के for कॉमा ऑपरेटर का उपयोग कर चुके हैं।

 for (var a = 0, b = 10; a <= 10; a++, b--) 

कभी-कभी यह ऑपरेटर बहुत उपयोगी होता है जब आपको एक ही पंक्ति में कई अभिव्यक्ति लिखने की आवश्यकता होती है।

 function getNextValue() {   return counter++, console.log(counter), counter } 

यह छोटे तीर के कार्यों को डिजाइन करते समय उपयोगी हो सकता है।

 const getSquare = x => (console.log (x), x * x) 

प्लस ऑपरेटर

यदि आपको जल्दी से एक संख्या में एक स्ट्रिंग चालू करने की आवश्यकता है, तो प्लस ऑपरेटर आपके लिए उपयोगी है। वह विभिन्न संख्याओं के साथ काम करने में सक्षम है, और न केवल, जैसा कि यह लग सकता है, सकारात्मक लोगों के साथ। हम नकारात्मक, अष्टाधारी, हेक्साडेसिमल संख्या, और घातीय संकेतन में संख्या के बारे में बात कर रहे हैं। इसके अलावा, यह Date ऑब्जेक्ट्स और Moment.js लाइब्रेरी ऑब्जेक्ट्स को टाइमस्टैम्प में परिवर्तित करने में सक्षम है।

 //  "" +'9.11'          // 9.11 +'-4'            // -4 +'0xFF'          // 255 +true            // 1 +'123e-5'        // 0.00123 +false           // 0 +null            // 0 +'Infinity'      // Infinity +'1,234'         // NaN +new Date      // 1542975502981 ( ) +momentObject    // 1542975502981 ( ) 

डबल विस्मयादिबोधक चिह्न

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

 //     !!null            // false !!undefined       // false !!false           // false !!true            // true !!""              // false !!"string"        // true !!0               // false !!1               // true !!{}              // true !![]              // true 

बिटवाइस निगेटिव ऑपरेटर

आइए इसका सामना करें: कोई भी बिटवाइज़ ऑपरेटरों की परवाह नहीं करता है। मैं उनका उपयोग करने की बात नहीं कर रहा हूं। हालांकि, कई स्थितियों में बिटवाइज़ नेगेटिव ऑपरेटर का उपयोग किया जा सकता है।

जब इस ऑपरेटर को संख्याओं पर लागू किया जाता है, तो यह उन्हें निम्नानुसार रूपांतरित करता है: संख्या N निकलता है -(N+1) । ऐसी अभिव्यक्ति 0 देती है यदि N -1 ।

इस सुविधा का उपयोग indexOf() विधि के साथ किया जा सकता है, जब इसका उपयोग किसी सरणी में या स्ट्रिंग में किसी तत्व के अस्तित्व की जांच करने के लिए किया जाता है, क्योंकि यह विधि, तत्व को नहीं ढूंढती है, -1 देता है।

 //      indexOf let username = "Nathan Drake" if (~username.indexOf("Drake")) { console.log('Access denied') } else { console.log('Access granted') } 

यह ध्यान दिया जाना चाहिए कि स्ट्रिंग्स और सरणियों के लिए क्रमशः ES6 और ES7 मानकों में includes() विधि दिखाई दी है। यह निश्चित रूप से बिटवाइज निगेटिव ऑपरेटर और indexOf() का उपयोग करके तत्वों की उपस्थिति का निर्धारण करने के लिए बहुत अधिक सुविधाजनक है।

नामित ब्लॉक

जावास्क्रिप्ट में लेबल की एक अवधारणा है, जिसके उपयोग से आप नाम (लेबल) को लूप में असाइन कर सकते हैं। तब आप इन लेबलों का उपयोग break लगाने या बयान continue लिए उपयुक्त लूप को संदर्भित करने के लिए कर सकते हैं। लेबल को नियमित कोड ब्लॉक में भी सौंपा जा सकता है।

नेस्टेड लूप के साथ काम करते समय लेबल किए गए लूप उपयोगी होते हैं। लेकिन उन्हें ब्लॉक में कोड को सुविधाजनक रूप से व्यवस्थित करने के लिए भी इस्तेमाल किया जा सकता है या ब्लॉक बनाते समय कोड को बाधित किया जा सकता है।

 //    declarationBlock: { //       //     var i, j } forLoop1: //     - "forLoop1" for (i = 0; i < 3; i++) {       forLoop2: //     -  "forLoop2"  for (j = 0; j < 3; j++) {       if (i === 1 && j === 1) {        continue forLoop1     }     console.log('i = ' + i + ', j = ' + j)  } } /* i = 0, j = 0 i = 0, j = 1 i = 0, j = 2 i = 1, j = 0 i = 2, j = 0 i = 2, j = 1 i = 2, j = 2 */ //      loopBlock4: { console.log('I will print') break loopBlock4 console.log('I will not print') } // I will print 

ध्यान दें, कुछ अन्य भाषाओं के विपरीत, JS में कोई goto नहीं है। नतीजतन, लेबल का उपयोग केवल break साथ और बयान continue किया जाता है।

परिणाम

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

प्रिय पाठकों! यदि आप जेएस की कुछ अल्पज्ञात विशेषताओं के बारे में जानते हैं और उनके व्यावहारिक अनुप्रयोग के विकल्प देखते हैं, तो कृपया हमें उनके बारे में बताएं।