TypeScript 知识整理

最新推荐文章于 2025-10-07 17:39:40 发布

原创最新推荐文章于 2025-10-07 17:39:40 发布 · 266 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

TypeScript 专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了TypeScript中可选链操作符(?.)的使用，该操作符允许安全地访问可能为null或undefined的深层属性，避免抛出错误。示例展示了在Person类型定义中，如何通过可选链来访问可能存在的friend和girlFriend属性，以及在不同情况下的取值策略。

【基础语法】：

【Option Chain】：

有值的话就取，没有值的话就不取～～～！

type Person = {
  name: string       // #必选
  friend?: {
    name: string     // #必选（如果有朋友）
    age?: number,
    girlFriend?: {
      name: string   // #必选（得先有朋友）  ->  （如果有女朋友）
    }
  }
}

const info: Person = {
  name: "why",
  friend: {
    name: "kobe",
    girlFriend: {
      name: "lily"
    }
  }
}

//假如下面的代码是在另外一个文件当中～～～！
console.log(info.name)
// console.log(info.friend!.name)
console.log(info.friend?.name)
console.log(info.friend?.age)
console.log(info.friend?.girlFriend?.name)

export{}