TypeScript 知识整理

无量寂空

于 2021-11-22 12:31:33 发布

阅读量254

点赞数

分类专栏： TypeScript 文章标签： typescript

本文链接：https://blog.youkuaiyun.com/fuyuanduan/article/details/121469082

版权

TypeScript 专栏收录该内容

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【基础语法】：

【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{}