जब आप बुनियादी जावास्क्रिप्ट प्रोग्राम लिखने में सहज महसूस करते हैं, तो अपने कोड को साफ करने और अपने कोडिंग को गति देने के लिए कुछ उन्नत सिंटैक्स सीखने का समय आ गया है।
जावास्क्रिप्ट और टाइपस्क्रिप्ट वेब डेवलपमेंट के क्षेत्र में अत्यधिक लोकप्रिय प्रोग्रामिंग लैंग्वेज हैं। उन दोनों के पास व्यापक फीचर सेट और कई सिंटैक्स शॉर्टकट हैं जो कोडिंग दक्षता में सुधार करने में महत्वपूर्ण योगदान देते हैं।
अपने कोड को कसने का तरीका जानें और कुछ उपयोगी शॉर्टकट के साथ इन भाषाओं का अधिकतम लाभ उठाएं।
1. टर्नरी ऑपरेटर
सशर्त बयान व्यक्त करने के लिए टर्नरी ऑपरेटर एक संक्षिप्त और कुशल वाक्यविन्यास प्रदान करता है। इसके तीन भाग होते हैं: एक स्थिति, एक अभिव्यक्ति जिसे चलाने के लिए स्थिति का मूल्यांकन सही होता है, और एक अभिव्यक्ति को चलाने के लिए अगर यह गलत है।
शर्तों के आधार पर निर्णय लेने और तदनुसार अलग-अलग मान निर्दिष्ट करते समय यह ऑपरेटर विशेष रूप से उपयोगी साबित होता है।
निम्नलिखित उदाहरण पर विचार करें:
कॉन्स्ट उम्र = 20;
कॉन्स्ट आयु प्रकार = आयु> = 18? "वयस्क": "बच्चा";
सांत्वना देनालॉग (आयु प्रकार); // आउटपुट: "वयस्क"यह उदाहरण टर्नरी ऑपरेटर का उपयोग यह जांचने के लिए करता है कि क्या वेरिएबल आयु से अधिक या बराबर है 18. यदि यह है, तो कोड मान निर्दिष्ट करता है वयस्क चर के लिए आयु प्रकार, अन्यथा यह "चाइल्ड" मान प्रदान करता है।
2. टेम्पलेट शाब्दिक
टेम्प्लेट लिटरल एक शक्तिशाली और कुशल तरीका प्रदान करते हैं जावास्क्रिप्ट स्ट्रिंग्स को स्वरूपित करना और उनके भीतर चर या भाव शामिल करना। सिंगल या डबल कोट्स का उपयोग करते हुए पारंपरिक स्ट्रिंग संयोजन के विपरीत, टेम्पलेट शाब्दिक बैकटिक्स का उपयोग करते हैं (`).
स्ट्रिंग्स के साथ काम करते समय यह अनूठा सिंटैक्स कई फायदे प्रदान करता है। निम्नलिखित उदाहरण पर विचार करें जो टेम्पलेट शाब्दिक के उपयोग को प्रदर्शित करता है:
कॉन्स्ट नाम = "ऐलिस";
कॉन्स्ट अभिवादन = `नमस्ते, ${नाम}!`;
सांत्वना देनालॉग (अभिवादन); // आउटपुट: "हैलो, ऐलिस!"उदाहरण में शामिल है नाम टेम्पलेट शाब्दिक उपयोग में चर ${}. इससे आप आसानी से डायनेमिक स्ट्रिंग्स बना सकते हैं।
3. नलिश कोलेसिंग ऑपरेटर
अशक्त कोलेसिंग ऑपरेटर (??) एक चर होने पर डिफ़ॉल्ट मान निर्दिष्ट करने का एक सुविधाजनक तरीका प्रदान करता है व्यर्थ या अपरिभाषित. यदि बाएँ हाथ का ऑपरेंड है, तो यह दाएँ हाथ के ऑपरेंड को लौटाता है व्यर्थ या अपरिभाषित.
निम्नलिखित उदाहरण पर विचार करें:
कॉन्स्ट उपयोगकर्ता नाम = व्यर्थ;
कॉन्स्ट डिस्प्लेनाम = उपयोगकर्ता नाम?? "अतिथि";
सांत्वना देनालॉग (प्रदर्शन नाम); // आउटपुट: "अतिथि"इस उदाहरण में, चूंकि चर उपयोगकर्ता नाम है व्यर्थ, नलिश कोलेसिंग ऑपरेटर डिफ़ॉल्ट मान निर्दिष्ट करता है अतिथि चर के लिए प्रदर्शित होने वाला नाम.
4. शॉर्ट-सर्किट मूल्यांकन
शॉर्ट-सर्किट मूल्यांकन आपको तार्किक ऑपरेटरों जैसे संक्षिप्त सशर्त अभिव्यक्ति लिखने की अनुमति देता है && और ||. यह इस तथ्य का लाभ उठाता है कि एक तार्किक ऑपरेटर परिणाम निर्धारित करते ही भावों का मूल्यांकन करना बंद कर देगा।
निम्नलिखित उदाहरण पर विचार करें:
कॉन्स्ट नाम = "जॉन";
कॉन्स्ट अभिवादन = नाम और& `नमस्ते, ${नाम}`;
सांत्वना देनालॉग (अभिवादन); // आउटपुट: "हैलो, जॉन"यह उदाहरण केवल अभिव्यक्ति का मूल्यांकन करेगा `हैलो, ${नाम}` यदि चर नाम एक सत्य मूल्य है। अन्यथा, यह शॉर्ट-सर्किट करता है और का मान असाइन करता है नाम स्वयं चर के लिए अभिवादन.
5. वस्तु संपत्ति असाइनमेंट आशुलिपि
ऑब्जेक्ट बनाते समय, आपके पास शॉर्टहैंड नोटेशन का उपयोग करने का विकल्प होता है जो समान नाम वाले गुणों के रूप में वैरिएबल निर्दिष्ट करता है।
यह आशुलिपि संकेतन संपत्ति के नाम और चर नाम दोनों को अनावश्यक रूप से बताने की आवश्यकता को समाप्त करता है, जिसके परिणामस्वरूप क्लीनर और अधिक संक्षिप्त कोड होता है।
निम्नलिखित उदाहरण पर विचार करें:
कॉन्स्ट पहला नाम = "जॉन";
कॉन्स्ट अंतिम नाम = "डो";
कॉन्स्ट व्यक्ति = {पहला नाम, अंतिम नाम};
सांत्वना देनालॉग (व्यक्ति); // आउटपुट: {पहला नाम: "जॉन", अंतिम नाम: "डो"}यह उदाहरण गुण असाइन करता है पहला नाम और उपनाम आशुलिपि संकेतन का उपयोग करना।
6. वैकल्पिक जंजीर
वैकल्पिक जंजीर (?.) आपको मध्यवर्ती अशक्त या अपरिभाषित मानों की चिंता किए बिना किसी वस्तु के नेस्टेड गुणों तक पहुँचने की अनुमति देता है। यदि श्रृंखला में कोई संपत्ति शून्य या अपरिभाषित है, तो अभिव्यक्ति शॉर्ट-सर्किट और रिटर्न अपरिभाषित है।
निम्नलिखित उदाहरण पर विचार करें:
कॉन्स्ट उपयोगकर्ता = { नाम: "ऐलिस", पता: { शहर: "न्यूयॉर्क", देश: "अमेरीका" }};
कॉन्स्ट देश = उपयोगकर्ता.पता? देश;
सांत्वना देनालॉग (देश); // आउटपुट: "यूएसए"ऊपर दिए गए उदाहरण में, वैकल्पिक चेनिंग ऑपरेटर यह सुनिश्चित करता है कि कोड में कोई त्रुटि नहीं है यदि पता संपत्ति या देश संपत्ति गायब है।
7. वस्तु विनाश
वस्तु का विनाश जावास्क्रिप्ट और टाइपस्क्रिप्ट में एक शक्तिशाली विशेषता है जो आपको वस्तुओं से गुणों को निकालने और संक्षिप्त सिंटैक्स का उपयोग करके चर के लिए असाइन करने की अनुमति देती है।
यह दृष्टिकोण वस्तु गुणों तक पहुँचने और हेरफेर करने की प्रक्रिया को सरल करता है। आइए एक उदाहरण के साथ देखें कि वस्तु का विनाश कैसे काम करता है:
कॉन्स्ट उपयोगकर्ता = { नाम: "जॉन", आयु: 30 };
कॉन्स्ट {नाम, आयु} = उपयोगकर्ता;
सांत्वना देनालॉग (नाम, आयु); // आउटपुट: "जॉन" 30यह उदाहरण चरों को निकालता है नाम और आयु से उपयोगकर्ता वस्तु विनाश के माध्यम से वस्तु।
8. स्प्रेड ऑपरेटर
फैलाव ऑपरेटर (...) आपको अलग-अलग तत्वों में एक सरणी या ऑब्जेक्ट जैसे पुनरावर्तनीय तत्वों का विस्तार करने में सक्षम बनाता है। यह सरणियों के संयोजन या उनकी उथली प्रतियाँ बनाने के लिए उपयोगी है।
निम्नलिखित उदाहरण पर विचार करें:
कॉन्स्ट संख्या = [1, 2, 3];
कॉन्स्ट न्यूनंबर्स = [...संख्याएं, 4, 5];
सांत्वना देनालॉग (नए नंबर); // आउटपुट: [1, 2, 3, 4, 5]उपरोक्त उदाहरण में, स्प्रेड ऑपरेटर का विस्तार करता है नंबर अलग-अलग तत्वों में सरणी, जो तब के साथ संयुक्त होते हैं 4 और 5 एक नई सरणी बनाने के लिए, newNumbers.
9. वस्तु पाश आशुलिपि
वस्तुओं पर पुनरावृति करते समय, आप इसका उपयोग कर सकते हैं में लिए वस्तु के गुणों पर आसानी से पुनरावृति करने के लिए वस्तु के विनाश के साथ संयोजन में लूप।
इस उदाहरण पर विचार करें:
कॉन्स्ट उपयोगकर्ता = { नाम: "जॉन", आयु: 30 };के लिए (कॉन्स्ट [मौलिक मूल्य] कावस्तुप्रविष्टियां (उपयोगकर्ता)) {
सांत्वना देना।लकड़ी का लट्ठा(`${कुंजी}: ${मूल्य}`);
}
// आउटपुट:
// नाम: जॉन
// आयु: 30
उपरोक्त उदाहरण में, वस्तु प्रविष्टियाँ (उपयोगकर्ता) कुंजी-मूल्य जोड़े की एक सरणी देता है, जो प्रत्येक पुनरावृत्ति फिर चर में नष्ट हो जाती है चाबी और कीमत.
10. Array.indexOf आशुलिपि बिटवाइज़ ऑपरेटर का उपयोग करना
आप कॉल को इसमें बदल सकते हैं Array.indexOf बिटवाइज़ ऑपरेटर का उपयोग करके आशुलिपि के साथ विधि ~ यह जांचने के लिए कि कोई तत्व किसी सरणी में मौजूद है या नहीं। आशुलिपि तत्व के सूचकांक को लौटाती है यदि पाया जाता है या -1 अगर नहीं मिला।
निम्नलिखित उदाहरण पर विचार करें:
कॉन्स्ट संख्या = [1, 2, 3];
कॉन्स्ट अनुक्रमणिका = ~ संख्याएँ। सूचकांक (2);
सांत्वना देनालॉग (सूचकांक); // आउटपुट: -2उपरोक्त उदाहरण में, ~numbers.indexOf (2) रिटर्न -2 क्योंकि 2 इंडेक्स पर है 1, और बिटवाइज़ ऑपरेटर इंडेक्स को नकारता है।
11. बूलियन के साथ कास्टिंग मूल्य!!
को एक मूल्य को स्पष्ट रूप से परिवर्तित करें एक बूलियन के लिए, आप दोहरे अस्वीकरण ऑपरेटर का उपयोग कर सकते हैं (!!). यह प्रभावी रूप से एक सत्य मान को रूपांतरित करता है सत्य और एक झूठा मान असत्य.
निम्नलिखित उदाहरण पर विचार करें:
कॉन्स्ट मान1 = "नमस्ते";
कॉन्स्ट मान2 = "";
सांत्वना देना.लॉग (!! मान 1); // आउटपुट: सच
सांत्वना देना.लॉग (!! मान 2); // आउटपुट: झूठाउपरोक्त उदाहरण में, !!मूल्य 1 रिटर्न सत्य क्योंकि स्ट्रिंग नमस्ते सत्य है, जबकि !!मूल्य2 रिटर्न असत्य क्योंकि खाली स्ट्रिंग झूठा है।
अनलॉकिंग कोड दक्षता और पठनीयता
जावास्क्रिप्ट और टाइपस्क्रिप्ट में इन शॉर्टहैंड्स का उपयोग करके, आप अपनी कोडिंग दक्षता बढ़ा सकते हैं और अधिक संक्षिप्त और पठनीय कोड तैयार कर सकते हैं। चाहे वह टर्नरी ऑपरेटर का उपयोग कर रहा हो, शॉर्ट-सर्किट मूल्यांकन, या टेम्पलेट लिटरल की शक्ति का लाभ उठाना, ये शॉर्टहैंड कुशल कोडिंग के लिए मूल्यवान उपकरण प्रदान करते हैं।
इसके अतिरिक्त, ऑब्जेक्ट प्रॉपर्टी असाइनमेंट शॉर्टहैंड, वैकल्पिक चेनिंग और ऑब्जेक्ट डिस्ट्रक्टिंग वस्तुओं के साथ काम करना सरल करें, जबकि प्रसार ऑपरेटर और सरणी शॉर्टहैंड कुशल सरणी को सक्षम करते हैं चालाकी। इन आशुलिपि में महारत हासिल करने से आप अधिक उत्पादक और प्रभावी जावास्क्रिप्ट और टाइपस्क्रिप्ट डेवलपर बन जाएंगे।
