السلسلة الاختيارية باستخدام ?.

معامل السلسلة الاختيارية

type User = { profile?: { bio?: string } };
const u: User = {};
const bio = u.profile?.bio;
console.log(bio); // undefined, no crash

الإيقاف المبكر عند القيم المنعدمة

const data: { value?: number } | null = null;
console.log(data?.value); // undefined, did not throw

تسلسل مستويات متعددة

type Company = { ceo?: { contact?: { email?: string } } };
const c: Company = { ceo: {} };
console.log(c.ceo?.contact?.email); // undefined

يتضمن نوع النتيجة undefined

type Settings = { theme?: { name: string } };
const s: Settings = { theme: { name: 'dark' } };
const name = s.theme?.name; // type: string | undefined
console.log(name);

التعامل مع نتيجة undefined

type Settings = { theme?: { name: string } };
const s: Settings = {};
const name = s.theme?.name;
if (name === undefined) console.log('using default');
else console.log(name);

مقارنة بسلاسل &&

type A = { b?: { c?: number } };
const a: A = { b: { c: 5 } };
const oldWay = a && a.b && a.b.c;
const newWay = a?.b?.c;
console.log(oldWay, newWay);

لماذا تُعد ?. أفضل من &&

type Box = { count?: number };
const b: Box = { count: 0 };
console.log(b && b.count); // 0... but && stops on falsy in longer chains
console.log(b?.count); // 0, cleanly

السلسلة الاختيارية مع مصفوفات الكائنات

type Team = { members?: Array<{ name: string }> };
const t: Team = { members: [{ name: 'Ada' }] };
console.log(t.members?.[0]?.name);

يوقف الإيقاف المبكر التعبير بالكامل

type Deep = { a?: { b: { c: number } } };
const d: Deep = {};
// a is undefined, so b.c is never evaluated
console.log(d.a?.b.c); // undefined

السلسلة الاختيارية مع قيم الدوال المُرجعة

function findUser(): { name: string } | null {
  return null;
}
console.log(findUser()?.name); // undefined

مثال عملي على الإعدادات

type Response = { user?: { address?: { city?: string } } };
const res: Response = { user: { address: {} } };
console.log(res.user?.address?.city ?? 'unknown city');

اختبار سريع

مراجعة: السلسلة الاختيارية

type Cfg = { db?: { host?: string } };
const c: Cfg = {};
console.log(c.db?.host);