জাভাস্ক্রিপ্টে `?.` (অপশন্যাল চেইনিং) কী এবং কেন ব্যবহার করা হয়?

आइए एक उदाहरण के साथ '?.' को समझने की कोशिश करते हैं।

निम्नलिखित ऑब्जेक्ट उदाहरण पर विचार करें जो 23 वर्ष की आयु के एक पुरुष इंसान का वर्णन करता है -

const being = {    human: {       male: {          age: 23       }    } };

अब मान लीजिए हम इस being ऑब्जेक्ट के age प्रॉपर्टी को एक्सेस करना चाहते हैं। बहुत सरल, है ना? हम बस चेनिंग का उपयोग करके एक्सेस करेंगे जैसे नीचे दिए गए कोड में -

उदाहरण

const being = {    human: {       male: {          age: 23       }    } }; console.log(being.human.male.age);

आउटपुट

कंसोल आउटपुट इस प्रकार है -

23

अब मान लीजिए आप किसी तकनीकी कारण से being ऑब्जेक्ट के male प्रॉपर्टी को female या कुछ और में बदल देते हैं।

अब हमारे चेनिंग स्टेटमेंट का क्या होता है, यह एक टाइपएरर देगा जो कहता है कि human की प्रॉपर्टी undefined को एक्सेस नहीं कर सकते। क्या ऐसी स्थितियों में हमारे कोड को कोई त्रुटि न फेंकने का कोई तरीका है? हां, और यहीं पर '?.' उर्फ ऑप्शनल चेनिंग हमारे बचाव में आती है।

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

हमारे अंतिम उदाहरण पर विचार करें (ऑप्शनल चेनिंग) -

उदाहरण

const being = {    human: {       male: {          age: 23       }    } } console.log(being?.human?.female?.age);

आउटपुट

त्रुटि फेंकने के बजाय, आउटपुट होगा -

undefined