मुखपृष्ठ » कोडिंग » 4 उपयोगी जावास्क्रिप्ट स्टेटमेंट आपको पता होना चाहिए

    4 उपयोगी जावास्क्रिप्ट स्टेटमेंट आपको पता होना चाहिए

    जावास्क्रिप्ट स्टेटमेंट हमें शक्ति देते हैं हमारे कोड में विभिन्न प्रकार के तर्क लागू करें. जावास्क्रिप्ट हमें उनमें से कई के साथ प्रदान करता है, जिनमें से सभी का अपना उद्देश्य और वाक्यविन्यास है। सबसे प्रसिद्ध उदाहरणों में हम अभिव्यक्ति बयान, पुनरावृत्ति बयान, सशर्त बयान, और बहुत कुछ पा सकते हैं

    आज की पोस्ट में हम देखेंगे चार कम सामान्य जावास्क्रिप्ट स्टेटमेंट आप पहले नहीं जानते होंगे, लेकिन अपने जावास्क्रिप्ट ज्ञान को गहरा कर सकते हैं, और आपको बेहतर कोड लिखने में सक्षम कर सकते हैं.

    1. खाली बयान

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

    उदाहरण के लिए, मान लें कि एक चर कहा जाता है लिटमस डिफ़ॉल्ट मान के साथ तटस्थ. नामक एक अन्य चर के मूल्य के आधार पर पीएच, लिटमस या तो बदल जाता है अम्लीय जब पीएच < 7 or बुनियादी जब पीएच> 7.

    यदि का मान पीएच अमान्य होने पर, एक त्रुटि डाली गई है। के लिए शर्त इस तरह, निम्नलिखित सशर्त बयान लागू होते हैं:

     var लिटमस = 'तटस्थ'; var पीएच; अगर (पीएच> 0 && पीएच<7) litmus = 'acidic'; else if(pH>7 && पीएच<15) litmus = 'basic'; else throw "Invalid pH value"; 

    हालाँकि बयानों के उपरोक्त सेट में एक त्रुटि होती है पीएच7 का मान 7 है, जो नहीं होना चाहिए.

    कब पीएच 7 है, लिटमस इसका डिफ़ॉल्ट मान रखना चाहिए, जो है तटस्थ. तो, इस तरह के एक मामले के लिए, एक शर्त जोड़ें जब पीएच 7 एक अनुगामी खाली कथन के साथ है.

     var लिटमस = 'तटस्थ'; var पीएच; अगर (पीएच> 0 && पीएच<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 && पीएच<15) litmus = 'basic'; else throw "Invalid pH value";

    अब जब पीएच 7 है, दुभाषिया किसी भी निर्देश को निष्पादित नहीं करता है, और लिटमस इसका डिफ़ॉल्ट मूल्य रखता है, तटस्थ.

    खाली स्टेटमेंट का उपयोग किसी सरणी को पॉप्युलेट करने के लिए भी किया जा सकता है के लिये पाश.

     var आर्य = []; के लिए (var i = 0; मैं; < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]

    आमतौर पर, ए के लिये लूप स्टेटमेंट एक सब-स्टेटमेंट के बाद आता है, जो एक एकल या एक ब्लॉक स्टेटमेंट (एक संलग्न) से बना होता है घुंघराले कोष्ठक) निष्पादित करने के लिए। उप-बयान के स्थान पर एक खाली बयान का उपयोग करके, दुभाषिया के पास प्रत्येक लूप के बाद निष्पादित करने के लिए कुछ भी नहीं होगा, इसलिए सिर्फ पाशन तब होता है, और लूपिंग की स्थिति निष्पादित हो जाती है.

    उपरोक्त उदाहरण में, एरी [i ++] = i लूपिंग स्थिति, और सरणी के भाग के रूप में प्रत्येक लूप पुनरावृत्ति के लिए निष्पादित करता है ary के मूल्यों के साथ त्वरित हो जाता है मैं.

    2. द डिबगर बयान

    डिबगिंग टूल में, हम कर सकते हैं मार्करों को जोड़ें बुलाया breakpoints स्रोत कोड में किसी भी लाइन के लिए उन पंक्तियों को चिह्नित करें जहाँ से डीबगर उपकरण डीबग करना प्रारंभ करेगा.

    जावास्क्रिप्ट में, द डिबगर बयान ब्रेकपॉइंट की तरह ही काम करता है, सिवाय इसके कि यह है सीधे स्रोत कोड में जोड़ा गया, बजाय एक उपकरण के भीतर। कोई भी चल रहा डिबगर होगा स्क्रिप्ट निष्पादन को रोकें जब पहुंचता है डिबगर कोड को डीबग करने में आपकी सहायता के लिए कथन.

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

    एक त्वरित परीक्षण के रूप में, ब्राउज़र के डिबगर टूल को खुला रखते हुए कोडपेन में निम्न कोड चलाएँ:

     console.log ( 'tesing'); डिबगर; कंसोल.लॉग ('डिबगिंग स्टेटमेंट');

    आपको इसके अलावा एक विराम बिंदु दिखाई देगा डिबगर जैसा कि ब्राउज़र के डिबगर टूल में नीचे दिखाया गया है.

    3. लेबल स्टेटमेंट

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

    लेबल किए गए कथनों का उपयोग केवल एक साथ किया जा सकता है टूटना तथा जारी रहना जावास्क्रिप्ट के रूप में बयान, वहाँ कोई शाब्दिक है के लिए जाओ बयान.

    दोनों टूटना तथा जारी रहना केवल लूपिंग स्टेटमेंट के अंदर इस्तेमाल किया जा सकता है, जैसे कि के लिये पाश (एक अपवाद के साथ), टूटना में इस्तेमाल किया जा सकता है स्विच साथ ही कथन)। तो, हम लूप लेबल कर सकते हैं, और उपयोग कर सकते हैं टूटना तथा जारी रहना उनके निष्पादन को नियंत्रित करने के लिए.

    लेबल किए गए कथनों का वाक्य-विन्यास सरल है, आपको केवल निम्नलिखित कोलन के साथ लेबल का नाम जोड़ना होगा, क्योंकि आप इसे नीचे दिए गए उदाहरण में देख सकते हैं, जहां पाश उस लेबल का नाम है जिसे हम जोड़ते हैं के लिये पाश.

     पाश: के लिए (var i = 0; i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

    कब का मूल्य मैं 2 है, निष्पादन आगे बढ़ने के बजाय लूप में वापस आ जाता है और इसलिए कंसोल आउटपुट को रोकता है “2”.

    अब एक और उदाहरण देखते हैं टूटना बयान। बस की जगह जारी रहना के साथ कीवर्ड टूटना उपरोक्त उदाहरण में, और आप ध्यान देंगे कि लूप में वापस कूदने के बजाय जैसे कि यह किया था जारी रहना, लूप पूरी तरह से समाप्त / टूट जाता है.

     पाश: के लिए (var i = 0; i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

    ऊपर दिए गए उदाहरण सरल थे, ताकि आप जल्दी से समझ सकें कि लेबल वाले कथन कैसे काम करते हैं, लेकिन वास्तविक जीवन कोडिंग में, यौगिक लूप में लेबल का अधिक बार उपयोग किया जाता है, जब विभिन्न लूपों को अलग करना आवश्यक होता है, जैसे निम्नलिखित उदाहरण में:

     पाश: के लिए (var i = 0; i<4; i++)  for(var j=0; j<2; j++)  if(i===2 && j===1) break loop; console.log(i+"-"+j); 

    यहां ही बाहरी लूप टूट जाता है चर के लिए मूल्य 2 पर मैं और 1 के लिए j, और कंसोल निम्न आउटपुट देता है:

     0-0 0-1 1-0 1-1 2-0

    4. द साथ में बयान

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

    का उपयोग करके साथ में बयान, हम कर सकते हैं स्कोप श्रृंखला के शीर्ष पर एक वस्तु जोड़ें, और निर्दिष्ट करें कि कॉल किस ऑब्जेक्ट से संबद्ध है.

    निम्नलिखित उदाहरण में, आप देख सकते हैं कि के गुण व्यक्ति ऑब्जेक्ट को उनके नाम अकेले के अंदर उपयोग करने के लिए कहा जाता है साथ में बयान.

     var person = firstName: "जॉन", lastName: "डो", आयु: "18", देश: "ग्रीनलैंड"; with (person) कंसोल.लॉग ("हाय, मेरा नाम" + firstName + "" + lastName + "है। मैं" + आयु + "वर्ष का हूं, और" + देश + "में रहता हूं);  // "हाय, मेरा नाम जॉन डो है। मैं 18 साल का हूं, और ग्रीनलैंड में रहता हूं।"

    तुलना करें कि ऊपर दिए गए कोड का उपयोग किए बिना कैसा दिखेगा साथ में बयान:

     var person = firstName: "जॉन", lastName: "डो", आयु: "18", देश: "ग्रीनलैंड"; कंसोल.लॉग ("हाय, मेरा नाम" + person.firstName + "" + person.lastName + "है। मैं" + person.age + "वर्ष का हूं, और" + person.country + "में रहता हूं।" ); // "हाय, मेरा नाम जॉन डो है। मैं 18 साल का हूं, और ग्रीनलैंड में रहता हूं।"

    आप देख सकते हैं साथ में यदि आप एक ही वस्तु के कई गुणों के साथ काम करते हैं तो स्टेटमेंट एक बेहतरीन शॉर्टकट हो सकता है.

    हालांकि, ध्यान दें कि का उपयोग कर साथ में बयान सख्त मोड में अनुमति नहीं है, चूंकि यह कुछ गुंजाइश भ्रम पैदा कर सकता है.

    इसके अलावा, यह केवल का उपयोग करने की सलाह दी है साथ में बयान अगर इसके आंतरिक बयान से जुड़ी वस्तु का उपयोग करते हैं साथ में बयान, अन्यथा दुभाषिया द्वारा उल्लिखित वस्तु को देखने में समय बर्बाद करेगा साथ में सबसे पहले, सभी अयोग्य संपत्ति के नाम के लिए यह बाद में अंदर पाता है साथ में खंड.