जावास्क्रिप्ट में कंडीशनल स्टेटमेंट्स के लिए सर्वोत्तम प्रथाएं
यह लेख जावास्क्रिप्ट में कंडीशनल स्टेटमेंट्स के लिए सर्वोत्तम प्रथाओं को समझाता है।
YouTube Video
जावास्क्रिप्ट में कंडीशनल स्टेटमेंट्स के लिए सर्वोत्तम प्रथाएं
if स्टेटमेंट्स जावास्क्रिप्ट प्रोग्राम्स में एक मौलिक नियंत्रण संरचना हैं। हालांकि, जैसे-जैसे कोड अधिक जटिल होता जाता है, if स्टेटमेंट्स की संख्या बढ़ सकती है, जिससे कोड को पढ़ना कठिन हो जाता है। इस बार, हम जावास्क्रिप्ट में if स्टेटमेंट्स को सही तरीके से डिज़ाइन करने की सर्वोत्तम प्रथाओं में गहराई से उतरेंगे ताकि पठनीयता और अनुरक्षण क्षमता बढ़ सके।
फ्लैग्स का उपयोग करके कोड को सरल बनाएं।
बूलियन मानों का उपयोग करके कई मानदंडों वाली स्थितियों को सरल बनाएं।
बचने के लिए उदाहरण
1// Bad Example
2if (isUserLoggedIn && user.hasPaymentInfo && user.cartItems.length > 0) {
3 console.log('Proceed to checkout');
4}सुधारे गए उदाहरण
परिस्थितियों को स्पष्ट करने के लिए फ्लैग्स का उपयोग करें।
1// Good Example
2const canProceedToCheckout = isUserLoggedIn && user.hasPaymentInfo && user.cartItems.length > 0;
3
4if (canProceedToCheckout) {
5 console.log('Proceed to checkout');
6}कंडीशनल स्टेटमेंट्स को सरल रखें
जब एक सशर्त अभिव्यक्ति जटिल हो जाती है, तो कोड की पठन क्षमता कम हो जाती है, इसलिए स्थिति को सरल रखना आवश्यक है।
बचने के लिए उदाहरण
1// Bad example
2if (user && user.isLoggedIn &&
3 user.permissions && user.permissions.includes('admin')) {
4 console.log('Welcome, admin!');
5}सुधारे गए उदाहरण
शर्त को विशिष्ट अर्थ वाली वेरिएबल्स में विभाजित करके, आप उसके उद्देश्य को स्पष्ट कर सकते हैं।
1// Good Example
2const isUserLoggedIn = user?.isLoggedIn;
3const hasAdminPermission = user?.permissions?.includes('admin');
4
5if (isUserLoggedIn && hasAdminPermission) {
6 console.log('Welcome, admin!');
7}तार्किक ऑपरेटरों की प्राथमिकता को स्पष्ट करें।
जावास्क्रिप्ट में if कथनों में, तार्किक ऑपरेटरों की प्राथमिकता को गलत समझने से अनपेक्षित व्यवहार हो सकता है।
बचने के लिए उदाहरण
1// Bad example
2if (isAdmin && isActive || isPremium) {
3 // The precedence of `&&` is higher than `||`,
4 // so this expression is interpreted as
5 // ((isAdmin && isActive) || isPremium)
6 console.log("Access granted");
7} else {
8 console.log("Access denied");
9}सुधारे गए उदाहरण
जब ऑपरेटरों की प्राथमिकता स्पष्ट न हो, तो स्पष्टता के लिए उपयुक्त रूप से कोष्ठकों (parentheses) का उपयोग किया जा सकता है।
1// Good Example
2if (isAdmin && (isActive || isPremium)) {
3 console.log("Access granted");
4} else {
5 console.log("Access denied");
6}शॉर्ट-सर्किट मूल्यांकन का उपयोग करना
जावास्क्रिप्ट && (AND) और || (OR) ऑपरेटर्स दोनों के लिए शॉर्ट-सर्किट मूल्यांकन का समर्थन करता है। शॉर्ट-सर्किट मूल्यांकन का मतलब है कि जब किसी शर्त का परिणाम मूल्यांकन के दौरान तय हो जाता है, तो शेष भाग का मूल्यांकन नहीं होता।
AND(&&): यदि बाईं ओर का भाग गलत मूल्यांकित होता है, तो दाईं ओर का भाग मूल्यांकित नहीं होता और उसका मान लौटाया जाता है।OR(||): यदि बाईं ओर का भाग सही मूल्यांकित होता है, तो दाईं ओर का भाग मूल्यांकित नहीं होता और उसका मान लौटाया जाता है।
बचने के लिए उदाहरण
1// Bad Example
2if (user?.someComplexFunction() && user?.isLoggedIn) {
3 // ...
4}सुधारे गए उदाहरण
इस कोड में, user?.someComplexFunction() फंक्शन तब भी कॉल होता है, यदि user?.isLoggedIn false हो।
शॉर्ट-सर्किट मूल्यांकन को समझने से आप अनावश्यक गणनाओं से बच सकते हैं और अधिक कुशल कोड लिख सकते हैं।
1// Good Example
2if (user?.isLoggedIn && user?.someComplexFunction()) {
3 // ...
4}else स्टेटमेंट्स के उपयोग को न्यूनतम करें
else स्टेटमेंट्स कोड को ट्रैक करते समय संज्ञानात्मक बोझ बढ़ा सकते हैं। इसके बजाय, प्रारंभिक रिटर्न का उपयोग करने पर विचार करें।
बचने के लिए उदाहरण
1// Bad Example
2function getUserRole(user) {
3 if (!user) {
4 return 'Guest';
5 } else {
6 return user.role;
7 }
8}सुधारे गए उदाहरण
प्रारंभिक रिटर्न के साथ शर्तों को स्पष्ट करें।
1// Good Example
2function getUserRole(user) {
3 if (!user) return 'Guest';
4 return user.role;
5}टर्नरी ऑपरेटर का उचित उपयोग
सरल शर्तों के लिए, एक टर्नरी ऑपरेटर का उपयोग करके आपके कोड को छोटा किया जा सकता है। हालांकि, नेस्टिंग या जटिल तर्क से बचें।
बचने के लिए उदाहरण
1// Bad Example
2let message = user.isLoggedIn ? user.isAdmin ?
3 'Welcome, admin!'
4 : 'Welcome, user!'
5 : 'Please log in.';सुधारे गए उदाहरण
स्थितियों को विभाजित करके पठनीयता को प्राथमिकता दें।
1// Good Example
2if (!user.isLoggedIn) {
3 message = 'Please log in.';
4} else if (user.isAdmin) {
5 message = 'Welcome, admin!';
6} else {
7 message = 'Welcome, user!';
8}डिफ़ॉल्ट मान और शॉर्ट-सर्किट मूल्यांकन का उपयोग करना
शाखाओं को घटाने और कोड को सरल बनाने के लिए डिफ़ॉल्ट मान और शॉर्ट-सर्किट मूल्यांकन का उपयोग करें।
बचने के लिए उदाहरण
1// Bad Example
2let displayName;
3if (user && user.name) {
4 displayName = user.name;
5} else {
6 displayName = 'Guest';
7}सुधारे गए उदाहरण
इस मामले में, तार्किक ऑपरेटरों का उपयोग इसे अधिक संक्षिप्त बनाता है।
1// Good Example
2displayName = user?.name || 'Guest';switch स्टेटमेंट का उपयोग कब करना है, यह ठीक से अलग करें।
जब कई स्थितियों की आवश्यकता हो, तो switch स्टेटमेंट इरादों को स्पष्ट कर सकते हैं।
बचने के लिए उदाहरण
1// Bad Example
2if (status === 'success') {
3 console.log('Operation was successful.');
4} else if (status === 'error') {
5 console.error('There was an error.');
6} else if (status === 'pending') {
7 console.log('Operation is still pending.');
8} else {
9 console.log('Unknown status.');
10}सुधारे गए उदाहरण
switch स्टेटमेंट का उपयोग कोड को व्यवस्थित करने में मदद कर सकता है।
1// Good Example
2switch (status) {
3 case 'success':
4 console.log('Operation was successful.');
5 break;
6 case 'error':
7 console.error('There was an error.');
8 break;
9 case 'pending':
10 console.log('Operation is still pending.');
11 break;
12 default:
13 console.log('Unknown status.');
14}जल्दी बाहर निकलने की शर्तों के साथ गार्ड क्लॉज का उपयोग करना
गार्ड क्लॉज एक तकनीक है जो if स्टेटमेंट का उपयोग करके किसी फ़ंक्शन से जल्दी बाहर निकलता है।
बचने के लिए उदाहरण
1// Bad Example
2function processOrder(order) {
3 if (order && order.isValid) {
4 if (order.items && order.items.length > 0) {
5 // Continue processing
6 }
7 }
8}सुधारे गए उदाहरण
नेस्टिंग को कम करने के लिए गार्ड क्लॉज का उपयोग करें।
1// Good Example
2function processOrder(order) {
3 if (!order?.isValid) return;
4 if (!order.items?.length) return;
5
6 // Continue processing
7}इरादों को स्पष्ट करने के लिए टिप्पणियाँ लिखें।
जटिल शर्तों या महत्वपूर्ण शाखाओं के लिए, कोड के इरादे को व्यक्त करने के लिए संक्षिप्त और स्पष्ट टिप्पणियाँ जोड़ें।
बचने के लिए उदाहरण
1// Bad Example
2if (stock > 10 && !isRestricted) {
3 console.log('Available for purchase.');
4}सुधारे गए उदाहरण
इरादों को स्पष्ट करने के लिए टिप्पणियाँ जोड़ें।
1// Good Example
2// The product must have at least 10 items in stock
3// and not be on the restricted list.
4if (stock > 10 && !isRestricted) {
5 console.log('Available for purchase.');
6}निष्कर्ष
जावास्क्रिप्ट के if स्टेटमेंट का प्रभावी ढंग से उपयोग करना कोड की पठनीयता और रखरखाव को बहुत बेहतर बना सकता है।
आप हमारे YouTube चैनल पर Visual Studio Code का उपयोग करके ऊपर दिए गए लेख के साथ आगे बढ़ सकते हैं। कृपया YouTube चैनल को भी देखें।