Menu
CoddyTech

JSON 可选链

本课属于 Coddy JavaScript 学习旅程的“逻辑与流程”单元。第 24 课,共 65 课。

可选链(?.)可以让你安全地访问嵌套属性,不必担心属性为 null 或 undefined 时会出错。

不使用可选链的示例:

let obj = {};
console.log(obj.key1.key2);
// 错误:无法读取 undefined 的属性

使用可选链的示例:

let obj = {};
console.log(obj.key1?.key2);
// undefined(没有错误)
  • 如果 key1 存在,就访问 key2。
  • 如果 key1 是 null 或 undefined,则返回 undefined,而不是抛出错误。

更多示例:

let user = {
	profile: {
		name: "Alice"
	}
};

console.log(user.profile?.name);
// "Alice"
console.log(user.profile?.age);
// undefined(没有错误)
console.log(user.address?.city);
// undefined(无错误)

亲手试试

这节课没有代码挑战。

quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

逻辑与流程中的所有课

自己练习: JavaScript 在线编译器