فرض کنید از یک API پاسخ دریافت میکنید:
const response = { user: { profile: { name: "Ali" } } }; بسیاری از افراد اینگونه به داده دسترسی پیدا میکنند:
const name = response.user && response.user.profile && response.user.profile.name;
روش مدرن:
const name = response?.user?.profile?.name;
این قابلیت با نام Optional Chaining شناخته میشود.
مزایا:
🚀 خوانایی بیشتر
🚀 کد کوتاهتر
🚀 جلوگیری از خطاهای Undefined
امروزه در اکثر پروژههای React و Next.js استفاده از این قابلیت یک استاندارد محسوب میشود.
#JavaScript #Frontend
@CodeVerse_dev