关于TypeScript 问号点 a?.b 的用法解释

已于 2022-08-04 18:17:27 修改
阅读量2.8k 收藏 2
点赞数 1
分类专栏： JavScript TypeScript 文章标签： javascript typescript 前端
于 2022-02-18 16:57:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/csdn6107/article/details/123007038
版权
本文介绍了TypeScript中问号点操作符(?.)的用法，通过实例展示了如何使用 obj?.a?.c，它等价于 obj && obj.a && obj.a.b，用于安全地访问可能为null或undefined的对象属性，避免空指针异常。理解这一特性对于优化 TypeScript 代码的健壮性至关重要。

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

关于TypeScript 问号点 a?.b 的用法解释

let obj = {
	a:{
 		b:3
 	 }
}

解释：obj?.a?.c　等价于　obj && obj.a && obj.a.b

TypeScript # 问号点语法 ?.
skysys的研究小屋
12-16 940
data入参可能为null,undefined，通常我们的写法是直接上if判断啥的，然后再取data中的属性，但是有了问号点(?.)写法就简单很多了，看下面例子： //1.data可能为null,undefined , row也可能为null,undefined //2.假设data完整结构 {row:{name:'aaa'}} function getData(data: any){ let name = data?.row?.name } 普通写法 //1.data可能为null,undefined
【TypeScript系列教程11】函数的使用
孙叫兽的博客
03-06 938
目录 TypeScript 函数 函数定义 实例 实例 函数返回值 实例 带参数函数 实例 JavaScript 可选参数和默认参数 可选参数 默认参数 剩余参数 匿名函数 实例 匿名函数自调用 TypeScript 构造函数 实例 递归函数 实例 Lambda 函数 实例 实例 函数重载 实例 TypeScript 函数 函数是一组一起执行一个任务的语句。 您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的，但在逻辑上
Typescript 中 ？问号的几种不同用法
kiku
12-05 9092
1、作为Typescript 接口属性数量不确定时的定义方法 如果使用接口来限定了变量或者形参, 那么在给变量或者形参赋值的时候, 赋予的值就必须和接口限定的一模一样才可以, 多一个或者少一个都不行。 但是开发中我们往往可能会遇到少一个或者多一个的场景。 （1）少一个，用可选属性 可选属性意如其名，用法也简单，只需要在属性名字后面加一个？即可。 需求: 如果传递了middleName就输出完整名称, 如果没有传递middleName, 那么就输出firstName和lastName interface Fu
Typescript ？问号的几种不同用法
s178435865的专栏
05-25 1074
Typescript
【Angular】—— TypeScript问号的奇特用法
maixiaochai的博客
09-19 8117
更新日志： [2019-09-19] 文章发布 说明： 本文地址 《【Angular】—— TypeScript问号的奇特用法》https:// 关于 MaiXiaochai 优快云：https://blog.csdn.net/maixiaochai GitHub：https://github.com/MaiXiaochai // TypeScript // ...
【typescript】特殊符号用法(?:)(??)(?.)(!)(!!)
zien的博客
02-07 1242
【typescript】特殊符号用法(?:)(??)(?.)(!)(!!)
【入门】TypeScript基本使用
m0_66083041的博客
03-30 2543
1.TypeScript介绍 TypeScript简称:TS,是JavaScript的超集。 (1)JS有的TS都有,JS写的代码在TS的环境下都能跑。 (2)在JS基础之上,为JS添加了类型支持。TypeScript=Type+JavaScript TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了TypeScript ，使得其能够胜任开发大型项目。 // TypeScript 代码有明确的数据类型
全栈开发：TypeScript、React、Next.js、MongoDB、Docker 完全教程指南 - 第三章 TypeScrip
Lee达森的博客
11-04 760
前几节介绍了足够的 TypeScript 知识以开始使用该语言。然而，了解一些更高级的概念会对你有所帮助。本节将展示如何在 TypeScript 代码中创建自定义类型和使用无类型的第三方库。你还将学习何时创建新类型并使用自定义接口。使用 TypeScript 时，请记住，没有顶级导入或导出的 TypeScript 文件不是模块；因此，它在全局作用域中运行。因此，所有声明在其他模块中都是可访问的。
【TypeScript】TypeScript 与 JavaScript 有何不同？
吉帅振博客
08-04 470
TypeScript 其实就是类型化的 JavaScript，它不仅支持 JavaScript 的所有特性，还在 JavaScript 的基础上添加了静态类型注解扩展。从某种意义上来说，TypeScript 其实就是 JavaScript 的超集。在 TypeScript 中，我们不仅可以轻易复用 JavaScript 的代码、最新特性，还能使用可选的静态类型进行检查报错，使得编写的代码更健壮、更易于维护。......
Typescript - - 高级用法
进击的程序猿
12-13 1526
TS 的一些高级用法中的基础知识
typescript里面一个问号（?）两个问号（??）一个感叹号（!）两个感叹号（!!）的用法和区别。
zwjapple的专栏
11-14 3428
1.. 一个问号（?）在 TypeScript 中用于表示可选属性和可选参数，使得属性和参数可以选择性地存在。可选属性： 在对象类型中，可以使用问号来标记某个属性是可选的。这意味着该属性可以存在，也可以不存在。在上面的例子中，age属性被标记为可选，因此可以在对象中选择性地包含它。可选参数： 在函数的参数列表中，可以使用问号来标记某个参数是可选的。这意味着在调用函数时，可以选择性地省略该参数。在上面的例子中，age参数被标记为可选，因此可以选择性地在函数调用中省略它。2. 两个问号（??
TypeScript 中的特殊符号：！，？
icemwj的博客
05-05 2398
核心功能：如果遇到 null 或 undefined 就可以立即停止某些表达式的运行， 表示属性或参数为可选项。（用在赋值的内容后时，使 null 和 undefined 类型可以赋值给其他类型并通过编译，表示该变量值可空）（用在变量前表示取反）
TypeScript 中的 ?:和?. 是什么意思
不知名人士的博客
03-24 892
?: 指可选参数，可以理解为参数加上 undefined 类型： function func(a: number, b?: number) { ... } 在 VsCode 中将鼠标 hover 在 b 上，会显示 b 的类型为 b: number | undefined ?? 指空值合并，跟 || 类似，但是不会筛除0： 0 || 1 // 1 0 ?? 1 // 0 ?. 和 && 类似： a?.b 相当于 a && a.b ? a.b : undefined .
typescript
weixin_43993766的博客
05-13 175
环境安装 1.需要安装node 检查是否安装语法node -v,npm -v 2.安装typescript npm install typescript -g 3.ts最终运行会转换为js，vscode中安装帮忙转换的node npm install -g ts-node 静态类型 //自定义静态类型 interface XiaoHong{ uname:string, age:number, } const xiaojiejie:XiaoHong = { uname:'小红'， ag
从零开始学习typescript系列5: typescript特殊符号之感叹号、问号、双问号
qubes的专栏
03-20 732
感叹号：强制链式调用。
Typescript学习系列---《? 修饰符》
A_bad_horse的专栏
03-21 282
product?.price 当 product没有值的时候，不访问其 price属性； 当 product有值的时候再去访问其 price属性。 public int?num{ get; set; } ？代表int型的数值可以为null，表示可空类型，因为int类型初始值为0,加了?就可以赋值null了。 int i=null; 报错 int? i=null; 通过 ...
C#中两个问号(a ?? b)的作用
weixin_34290000的博客
05-18 636
为什么80%的码农都做不了架构师？>>> ...
JS 中 a || b 和 a ?? b操作
FengChen的进阶之路
10-22 3277
①a || b 等价于 a ? a : b ②a ?? b 等价于 (a !== undefined && a !== null) ? a : b
在js中a.b会发生什么情况?
weixin_67963221的博客
08-12 735
在js中a.b会发生什么情况?
在TypeScript
最新发布
05-08
### TypeScript 接口的使用方法、语法、示例与场景 #### 1. **TypeScript 接口的基本概念** 接口（Interface）是 TypeScript 提供的一个工具，用于定义对象的结构以及它们的行为。通过接口，开发者能够描述复杂的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值