जावास्क्रिप्ट गाइड भाग ६: अपवाद, अर्धविराम, साँचा साहित्य

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

→ भाग 1: पहला कार्यक्रम, भाषा सुविधाएँ, मानक
→ भाग 2: कोड शैली और कार्यक्रम संरचना
→ भाग 3: चर, डेटा प्रकार, भाव, वस्तु
→ भाग 4: सुविधाएँ
→ भाग 5: सरणियाँ और लूप
→ भाग 6: अपवाद, अर्धविराम, वाइल्डकार्ड शाब्दिक
→ भाग 7: सख्त मोड, यह कीवर्ड, घटनाओं, मॉड्यूल, गणितीय गणना
→ भाग 8: ES6 सुविधाओं का अवलोकन
→ भाग 9: ES7, ES8 और ES9 मानकों का अवलोकन

अपवाद संभालना

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

निम्नलिखित कोड स्निपेट पर विचार करें।

let obj = {value: 'message text'} let notObj let fn = (a) => a.value console.log(fn(obj)) //message text console.log('Before') //Before console.log(fn(notObj)) //,    console.log('After') 

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

जब आप इस कोड को Node.js. पर चलाते हैं तो यह कैसा दिखता है


Node.js में TypeError अपवाद

यदि वेब पेज के जेएस कोड में ऐसा कुछ होता है, तो ब्राउज़र कंसोल को एक समान संदेश भेजा जाएगा। यदि यह एक वास्तविक कार्यक्रम में होता है, तो कहें - वेब सर्वर कोड में, यह व्यवहार बेहद अवांछनीय है। अच्छा होगा कि कोई ऐसा तंत्र हो, जो कार्यक्रम को रोके बिना, त्रुटि को पकड़ने की अनुमति देता है, और फिर इसे सही करने के उपाय करता है। इस तरह के एक तंत्र जावास्क्रिप्ट में मौजूद है, यह try...catch द्वारा दर्शाया गया है try...catch निर्माण पकड़ें।

▍संकट की कोशिश ... पकड़

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

 try { // ,     } catch (e) { //  } 

यदि कोड त्रुटियों के बिना निष्पादित किया जाता है, तो catch (अपवाद हैंडलर) निष्पादित नहीं किया जाता है। यदि कोई त्रुटि होती है, तो त्रुटि ऑब्जेक्ट को वहां स्थानांतरित किया जाता है और इस त्रुटि से निपटने के लिए कुछ कार्रवाई की जाती है।

हम इस निर्माण को अपने उदाहरण में लागू करते हैं, कार्यक्रम के खतरनाक वर्गों की मदद से रक्षा करते हैं - जिन्हें फ़ंक्शन fn() कहा जाता है।

 let obj = {value: 'message text'} let notObj let fn = (a) => a.value try {   console.log(fn(obj)) } catch (e) {   console.log(e.message) } console.log('Before') //Before try {   console.log(fn(notObj)) } catch (e) {   console.log(e.message) //Cannot read property 'value' of undefined } console.log('After') //After 

आइए इस कोड को Node.js. में निष्पादित करने के परिणामों को देखें


Node.js में त्रुटि हैंडलिंग

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

हमने इस try...catch पर चर्चा try...catch ऊपर ब्लॉक को पकड़ें, लेकिन वास्तव में, इस निर्माण में एक और ब्लॉक शामिल है - finally ।

▍ अंत में ब्लॉक करें

finally ब्लॉक में वह कोड होता है, जो इस try में होता है कि कोड में कोई त्रुटि हुई है या नहीं। यहाँ है कि यह कैसा दिखता है।

 try { //  } catch (e) { //  } finally { //  } 

finally ब्लॉक का उपयोग भी किया जा सकता है अगर try...catch...finally ब्लॉक में एक catch नहीं है। इस दृष्टिकोण में, इसका उपयोग उसी तरह से किया जाता है जैसे कि catch साथ निर्माण में, उदाहरण के लिए, try ब्लॉक में मौजूद संसाधनों को मुक्त करने के लिए।

Ested नेस्टेड प्रयास ब्लॉक

कोशिश करें कि ब्लॉक को एक साथ घोंसला बनाया जा सके। इस मामले में, अपवाद को निकटतम catch में संभाला जाता है।

 try { //  try {   //   } finally {   // -  } } catch (e) { } 

इस मामले में, यदि आंतरिक try ब्लॉक में कोई अपवाद होता है, तो इसे बाहरी catch में संसाधित किया जाएगा।

▍ स्व-निर्मित अपवाद

थ्रेड स्टेटमेंट का उपयोग करके अपवादों को स्वयं द्वारा फेंका जा सकता है। यहाँ है कि यह कैसा दिखता है।

 throw value 

इस निर्देश के निष्पादित होने के बाद, नियंत्रण को निकटतम catch में स्थानांतरित कर दिया जाता है, या यदि ऐसा ब्लॉक नहीं मिल सकता है, तो प्रोग्राम बंद हो जाता है। अपवाद मूल्य कुछ भी हो सकता है। उदाहरण के लिए, उपयोगकर्ता-परिभाषित त्रुटि ऑब्जेक्ट।

अर्धविराम के बारे में

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

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

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

▍ स्वचालित अर्धविराम के नियम

निम्नलिखित स्थितियों में प्रोग्राम पाठ को पार्स करते समय जावास्क्रिप्ट पार्सर स्वचालित रूप से अर्धविराम जोड़ता है:

1. जब अगली लाइन एक कोड के साथ शुरू होती है जो वर्तमान कोड को बाधित करती है (एक निश्चित कमांड का कोड कई लाइनों पर स्थित हो सकता है)।
2. जब अगली पंक्ति वर्ण से शुरू होती है } , जो वर्तमान ब्लॉक को बंद कर देती है।
3. जब प्रोग्राम कोड वाली फ़ाइल का अंत पता चला है।
4. return आदेश के साथ लाइन में।
5. break कमांड के साथ लाइन में।
6. throw कमांड के साथ लाइन में।
7. continue कमांड के साथ लाइन में।

▍ कोड के उदाहरण जो उम्मीद के मुताबिक काम नहीं करते हैं

उपरोक्त नियमों को दर्शाने वाले कुछ उदाहरण यहां दिए गए हैं। उदाहरण के लिए, आपको क्या लगता है कि निम्नलिखित कोड के टुकड़े के निष्पादन के परिणामस्वरूप प्रदर्शित किया जाएगा?

 const hey = 'hey' const you = 'hey' const heyYou = hey + ' ' + you ['h', 'e', 'y'].forEach((letter) => console.log(letter)) 

जब आप इस कोड को निष्पादित करने का प्रयास करते हैं, तो एक Uncaught TypeError: Cannot read property 'forEach' of undefined त्रुटि को Uncaught TypeError: Cannot read property 'forEach' of undefined जाएगा Uncaught TypeError: Cannot read property 'forEach' of undefined नियम संख्या 1 के आधार पर, Uncaught TypeError: Cannot read property 'forEach' of undefined प्रणाली Uncaught TypeError: Cannot read property 'forEach' of undefined , यह कोड की व्याख्या करने की कोशिश करता है।

 const hey = 'hey'; const you = 'hey'; const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter)) 

पहली मिसाल की कलमकारी लाइन के बाद अर्धविराम लगाकर समस्या का हल किया जा सकता है।

यहाँ कोड का एक और टुकड़ा है।

 (1 + 2).toString() 

इसके निष्पादन का परिणाम स्ट्रिंग "3" का आउटपुट होगा। लेकिन क्या होता है अगर अगले कोड स्निपेट में ऐसा कुछ दिखाई देता है?

 const a = 1 const b = 2 const c = a + b (a + b).toString() 

इस स्थिति में, TypeError: b is not a function त्रुटि दिखाई देगी TypeError: b is not a function क्योंकि उपरोक्त कोड की व्याख्या निम्नानुसार की जाएगी।

 const a = 1 const b = 2 const c = a + b(a + b).toString() 

आइए अब नियम 4 के आधार पर एक उदाहरण देखें।

 (() => { return {   color: 'white' } })() 

आप सोच सकते हैं कि यह आईआईएफई color संपत्ति वाली एक वस्तु लौटाएगा, लेकिन वास्तव में यह नहीं है। इसके बजाय, फ़ंक्शन undefined वापस आ जाएगा क्योंकि सिस्टम return कमांड के बाद एक अर्धविराम जोड़ता है।

इसी तरह की समस्या को हल करने के लिए, ऑब्जेक्ट शाब्दिक के उद्घाटन ब्रेस को उसी कमांड पर रखा जाना चाहिए, जैसे return कमांड।

 (() => { return {   color: 'white' } })() 

यदि आप निम्नलिखित कोड के टुकड़े को देखते हैं, तो आप सोच सकते हैं कि यह संदेश बॉक्स में 0 प्रदर्शित करेगा।

 1 + 1 -1 + 1 === 0 ? alert(0) : alert(2) 

लेकिन यह 2 को आउटपुट करता है, क्योंकि नियम नंबर 1 के अनुसार, इस कोड को निम्नानुसार दर्शाया गया है।

 1 + 1 -1 + 1 === 0 ? alert(0) : alert(2) 

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

• return कमांड का उपयोग करते हुए, कमांड से उसी लाइन पर फ़ंक्शन से क्या लौटना चाहिए, इसकी व्यवस्था करें। वही break , throw , कमांड्स continue लिए जाता है।
• उन परिस्थितियों पर विशेष ध्यान दें, जहां एक नई पंक्ति की सीमा एक ब्रैकेट से शुरू होती है, क्योंकि यह रेखा स्वचालित रूप से पिछले एक के साथ जोड़ दी जा सकती है और सिस्टम द्वारा फ़ंक्शन या कॉल करने के प्रयास के रूप में प्रस्तुत की जाती है।

सामान्य तौर पर, यह कहा जा सकता है कि क्या आप अर्धविराम लगाते हैं, या उनके स्वत: प्लेसमेंट पर भरोसा करते हैं, यह सुनिश्चित करने के लिए कोड का परीक्षण करें कि यह ठीक अपेक्षा के अनुरूप काम करता है।

उद्धरण चिह्न और वाइल्डकार्ड शाब्दिक

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

• एकल उद्धरण।
• दोहरे भाव।
• वापस उद्धरण।

सामान्य तौर पर सिंगल और डबल कोट्स को एक ही माना जा सकता है।

 const test = 'test' const bike = "bike" 

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

 const test = 'test' const test = 'te\'st' const test = 'te"st' const test = "te\"st" const test = "te'st" 

विभिन्न शैली गाइडों में आप एकल उद्धरणों का उपयोग करने के लिए एक सिफारिश और दोहरे उद्धरण चिह्नों का उपयोग करने के लिए एक सिफारिश दोनों पा सकते हैं। इस सामग्री के लेखक का कहना है कि जेएस-कोड में वह विशेष रूप से एकल उद्धरणों का उपयोग करने का प्रयास करता है, केवल HTML- कोड में दोहरे उद्धरण चिह्नों का उपयोग करता है।

2015 में ES6 मानक के रिलीज के साथ जावास्क्रिप्ट में बैकस्टिक्स दिखाई दिया। वे, अन्य नई विशेषताओं के बीच, बहु-पंक्ति तारों का आसानी से वर्णन करना संभव बनाते हैं। इस तरह के तार को नियमित उद्धरण चिह्नों का उपयोग करके भी निर्दिष्ट किया जा सकता है - बच अनुक्रम \n का उपयोग करके। ऐसा दिखता है।

 const multilineString = 'A string\non multiple lines' 

उलटा अल्पविराम (आमतौर पर उन्हें दर्ज करने का बटन कीबोर्ड पर नंबर 1 के बाईं ओर स्थित होता है) बिना \n ।

 const multilineString = `A string on multiple lines` 

लेकिन backquotes की संभावनाएँ यहीं तक सीमित नहीं हैं। इसलिए, यदि बैककॉट्स का उपयोग करके एक स्ट्रिंग का वर्णन किया जाता है, तो निर्माण ${} का उपयोग करके जेएस-अभिव्यक्तियों की गणना से मूल्यों को प्रतिस्थापित करना संभव है।

 const multilineString = `A string on ${1+1} lines` 

इस तरह के तारों को टेम्पलेट शाब्दिक कहा जाता है।

टेम्पलेट शाब्दिक में निम्नलिखित विशेषताएं हैं:

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

आइए इन फीचर्स के बारे में बात करते हैं।

▍Multiline पाठ

बैकक्वाट्स के साथ मल्टी-लाइन टेक्स्ट सेट करते समय, आपको यह याद रखना होगा कि ऐसे टेक्स्ट में स्पेस अन्य अक्षरों की तरह ही महत्वपूर्ण हैं। उदाहरण के लिए, निम्न बहुस्तरीय पाठ पर विचार करें।

 const string = `First               Second` 

उनका निष्कर्ष लगभग निम्नलिखित होगा।

 First               Second 

यही है, यह पता चला है कि जब यह पाठ संपादक में दर्ज किया गया था, तब शायद प्रोग्रामर को उम्मीद थी कि आउटपुट करते समय First और Second शब्द, एक दूसरे के तहत सख्ती से दिखाई देंगे, लेकिन वास्तव में ऐसा नहीं है। इस समस्या को हल करने के लिए, आप बहु-पंक्ति पाठ को फ़ीड लाइन से शुरू कर सकते हैं, और, पीछे के उद्धरण चिह्न को बंद करने के तुरंत बाद, trim() विधि को कॉल करें, जो लाइन के आरंभ या अंत में व्हाट्सएप को हटा देगा। ऐसे वर्ण, विशेष रूप से, स्थान और टैब शामिल करते हैं। पंक्ति वर्णों का अंत भी हटा दिया जाएगा।

ऐसा दिखता है।

 const string = ` First Second`.trim() 

▍ अंतर्वेशन

यहाँ प्रक्षेप से हमारा तात्पर्य चर और भावों को तार में बदलने से है। यह ${} निर्माण का उपयोग करके किया जाता है।

 const variable = 'test' const string = `something ${ variable }` //something test 

आप ${} ब्लॉक - यहां तक ​​कि भावों में कुछ भी जोड़ सकते हैं।

 const string = `something ${1 + 2 + 3}` const string2 = `something ${foo() ? 'x' : 'y' }` 

पाठ something 6 string स्थिरांक में मिल जाएगा, या तो पाठ something x या पाठ something y निरंतर string2 को लिखा जाएगा। यह इस बात पर निर्भर करता है कि क्या फ़ंक्शन foo() सही है या गलत है (टर्नरी ऑपरेटर का उपयोग यहां किया जाता है, जो कि प्रश्न चिह्न के सही होने से पहले होता है, प्रश्न चिह्न के बाद क्या होता है, रिटर्न बृहदान्त्र के बाद आता है)।

AgTagged टेम्पलेट्स

कई लोकप्रिय पुस्तकालयों में टैग किए गए टेम्प्लेट का उपयोग किया जाता है। इनमें स्टाल्ड कंपोनेंट्स , अपोलो , ग्राफकलाइन शामिल हैं ।

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

 const esth = 8 function helper(strs, ...keys) { const str1 = strs[0] //ES const str2 = strs[1] //is let additionalPart = '' if (keys[0] == 8) { //8   additionalPart = 'awesome' } else {   additionalPart = 'good' } return `${str1}${keys[0]}${str2}${additionalPart}.` } const es = helper`ES ${esth} is ` console.log(es) //ES 8 is awesome. 

यहाँ, यदि संख्या 8 स्थिरांक में लिखा गया है, तो ES 8 is awesome की रेखा ES 8 is awesome । अन्यथा, एक और लाइन होगी। उदाहरण के लिए, अगर esth 6 नंबर में है, तो यह ES 6 is good ।

स्टाइलिंग घटक सीएसएस स्ट्रिंग्स को परिभाषित करने के लिए टैग किए गए टेम्पलेट्स का उपयोग करता है।

 const Button = styled.button` font-size: 1.5em; background-color: black; color: white; `; 

अपोलो में, वे ग्राफ़िकल प्रश्नों को परिभाषित करने के लिए उपयोग किए जाते हैं।

 const query = gql` query {   ... } ` 

टैग किए गए टेम्प्लेट कैसे काम करते हैं, यह जानना, यह समझना आसान है कि पिछले उदाहरणों से styled.button और gql केवल फ़ंक्शन हैं।

 function gql(literals, ...expressions) { } 

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

चलिए अगली पंक्ति को पार्स करते हैं।

 const string = helper`something ${1 + 2 + 3} ` 

helper फ़ंक्शन को दो तत्वों वाले literals सरणी मिलते हैं। पहले में इसके बाद एक जगह के साथ something पाठ होगा, दूसरे में एक खाली रेखा होगी - अर्थात, अभिव्यक्ति ${1 + 2 + 3} और रेखा के अंत के बीच क्या है। espressions सरणी में एक तत्व होगा - 6 ।
यहाँ एक और अधिक जटिल उदाहरण है।

 const string = helper`something another ${'x'} new line ${1 + 2 + 3} test` 

यहां, helper फ़ंक्शन में, अगला सरणी पहले पैरामीटर के रूप में मिलेगा।

 [ 'something\nanother ', '\nnew line ', '\ntest' ] 

दूसरी सरणी इस तरह दिखाई देगी।

 [ 'x', 6 ] 

परिणाम

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

प्रिय पाठकों! क्या आप जावास्क्रिप्ट में टैग किए गए टेम्प्लेट की क्षमताओं का उपयोग करते हैं?