Typescript中?? ?: ?. 都是什么意思_typescript ??_Andrew_SJ的博客-CSDN博客
Typescript中?? ?: ?. 都是什么意思
Andrew_SJ
于 2021-08-10 10:29:32 发布
10124
收藏
41
分类专栏：
前端
文章标签：
typescript
原文链接：https://segmentfault.com/a/1190000038782759
版权
前端
专栏收录该内容
97 篇文章
3 订阅
订阅专栏
?:
?:是指可选参数，可以理解为参数自动加上undefined
function echo(x: number, y?: number) { // 可选参数
return x + (y || 0);
getval(1); // 1
getval(1, null); // error, 'null' is not assignable to 'number | undefined'
interface IProListForm {
enterpriseId: string | number;
pageNum: number;
pageSize: number;
keyword?: string; // 可选属性
??
?? 和 || 的意思有点相似，但是又有点区别,??相较||比较严谨, 当值等于0的时候||就把他给排除了，但是?? 不会.
console.log(null || 5) //5
console.log(null ?? 5) //5
console.log(undefined || 5) //5
console.log(undefined ?? 5) //5
console.log(0 || 5) //5
console.log(0 ?? 5) //0
?.
data入参可能为null,undefined，通常我们的写法是直接上if判断啥的，然后再取data中的属性，但是有了问号点(?.)写法就简单很多了，看下面例子： 1.typescript写法：
//1.data可能为null,undefined , row也可能为null,undefined
//2.假设data完整结构 {row:{name:'aaa'}}
function getData(data: any){
let name = data?.row?.name
2.普通写法
//1.data可能为null,undefined , row也可能为null,undefined
//2.假设data完整结构 {row:{name:'aaa'}}
function getData(data: any){
let name;
if (data && data.row) {
name = data.row.name
参考： Typescript中的问号点(?.)是什么意思？
typescript的?? 和?: 和?.和!.什么意思
Andrew_SJ
关注
关注
20
点赞
41
收藏
觉得还不错?
一键收藏
知道了
评论
Typescript中?? ?: ?. 都是什么意思
?:?:是指可选参数，可以理解为参数自动加上undefinedfunction echo(x: number, y?: number) { // 可选参数 return x + (y || 0);}getval(1); // 1getval(1, null); // error, 'null' is not assignable to 'number | undefined'interface IProListForm { enterpriseId: string | number;
复制链接
扫一扫
专栏目录
ts中的特殊符号 ?. ?: 等代表的含义与使用
浩星
03-29
814
ts相比较js来说，是比较严格的，他中间新增了很多可选链符号，比如：?. ?: !.
TypeScript 中问号+点 (?.) 和双问号 (??) 的含义
qq_43683753的博客
12-08
804
问号+点表达式 (可选链操作符：?.)和双问号表达式 (??)
1 条评论
您还未登录，请先
登录
后发表或查看评论
一篇文章让你搞懂TypeScript中的??和?:和?.和!.是什么意思
最新发布
XSL_HR的博客
04-15
745
一篇文章让你搞懂TypeScript中的??和?:和?.和!.是什么意思
TypeScript类型注解
aichixiangcaia的博客
11-24
1021
说明:
使用 {} 来描述对象结构
属性采用属性名: 类型的形式，如果是多行，可以省略,
方法采用方法名(): 返回值类型的形式
可选使用 ?
TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统
可以显示标记出代码中的意外行为，从而降低了发生错误的可能性
类型注解:
let 变量名: 类型 = 初始值
示例代码:
let age: number = 18
这样我们就声明了age这个变量所接收的值必须是n.
Typescript基本语法介绍
叶子yes的博客
09-20
1077
Typescript是Javascript超集，是JavaScript+强类型。javascript 是弱类型语言，无法进行类型校验；而Typescript解决了这个问题，它可以对类型进行校验。跨平台：TypeScript 编译器可以安装在任何操作系统上，包括 Windows、macOS 和 Linux。ES6 特性：TypeScript 包含 ECMAScript 2015 (ES6) 的大部分特性，例如箭头函数。面向对象的语言：TypeScript 提供所有标准的 OOP 功能，如类、接口和模块。
Typescript 中 ？问号的几种不同用法
kiku
12-05
3934
1、作为Typescript 接口属性数量不确定时的定义方法
如果使用接口来限定了变量或者形参, 那么在给变量或者形参赋值的时候, 赋予的值就必须和接口限定的一模一样才可以, 多一个或者少一个都不行。
但是开发中我们往往可能会遇到少一个或者多一个的场景。
（1）少一个，用可选属性
可选属性意如其名，用法也简单，只需要在属性名字后面加一个？即可。
需求: 如果传递了middleName就输出完整名称, 如果没有传递middleName, 那么就输出firstName和lastName
interface Fu
什么是TypeScript?本文介绍TypeScript基本用法和语法。
果冻
10-04
1万+
什么是TypeScript?
TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上TypeScript扩展了JavaScript的语法解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化。
TypeScript是JavaScript的超集，他可以编译成纯JavaScript。
TypeScript可以在任何浏览器运行、任何计算机和任何操作系统上运行，并且是开源的
为什么要用TypeScript
开源
简单
TypeScript 是 J
什么是 TypeScript？
m0_61643133的博客
11-02
1646
TypeScript 是 JavaScript 的超集。TypeScript 建立在 JavaScript 之上。首先，我们编写 TypeScript 代码。然后，我们使用 TypeScript 编译器将 TypeScript 代码编译为纯 JavaScript 代码。拥有纯 JavaScript 代码后，我们可以将其部署到 JavaScript 运行的任何环境中。TypeScript 文件的扩展是 .ts ，而不是 JavaScript 文件的 .js 扩展名。
TypeScript
m0_54625720的博客
03-31
287
typescript
官网
介绍
​ TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持，让javascript变成强类型语言。它由 Microsoft 开发，代码开源于 GitHub 上。
特点
可以在开发阶段和编译阶段就发现大部分错误，这总比在运行时候出错好
不显式的定义类型，也能够自动做出类型推论
即使 TypeScript 编译报错，也可以生成 JavaScript 文件
Google 开发的 Angular 就是使用 TypeScr
TypeScript中??和?什么意思呢？
热门推荐
Boboy
06-17
1万+
？？其实没啥意思，就是Nullish Coalescing (空值合并)。
具体好好看官方文档：https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#nullish-coalescing
4.0的版本要有一些变化
来直接上代码简单例子一目了然
const i = undefined
const k = i ?? 5
console.log(k) // 5
// 3.9.2编译
const i = und
Typescript中的问号点(?.)是什么意思？
main方法
11-20
8516
问题
Typescript中的感叹号点、问号点是什么意思？我刚入坑react项目的时候看别人代码就看到这样的写法，以开始是懵逼的哈哈哈哈，毕竟是个小白，然后吭哧吭哧的百度查资料，最后发现了问号点(?.)奥义哈哈哈。
例子
data入参可能为null,undefined，通常我们的写法是直接上if判断啥的，然后再取data中的属性，但是有了问号点(?.)写法就简单很多了，看下面例子：
1.typescript写法：
//1.data可能为null,undefined , row也可能为null,undefin
typescript-manual:打字稿手册
06-05
#打字稿
##Installation 首先让我们安装它。
npm install -g typescript
##Introduction 是一个 Javascript。
- 这是什么意思？
基本上，它添加到 Javascript 中，而无需更改我们通常编写的任何内容，这与作为子集的 CoffeeScript 不同。 在 TypeScript 的情况下，如果您编写 Javascript，它通常是有效的 TypeScript 代码，它仍然可以推断类型，而无需编写任何不同的内容
-你是什么意思？
正确的。 让我们来看一个实际的例子。
var idade = 14;
idade = 'Novinha';
现在我们使用命令tsc使用打字稿进行编译
tsc ex01
ex01.ts(3,1): error TS2323: Type 'string' is not assignabl
dddl:用于Node.js和TypeScript的域驱动设计:high_voltage:Light:high_voltage:框架
05-02
域驱动设计 :high_voltage: 光 :high_voltage: Node.js和TypeScript的组件框架
状态： alpha版本
npm： ：//www.npmjs.com/settings/dddl/packages
Node.js和TypeScript的域驱动设计灯（DDDL）组件框架实现。
特别适合企业级应用程序。
有关DDD Light更多信息，请
用于
（网站）+ （回购）
“组件框架”是什么意思？
DDD Light基于多种模式，模型和思想，包括： DDD ， CQRS ， EDA ， SOA ， ROP ， DAL等。
但是DDD Light的主要思想是让您有能力单独使用这些概念：
Уou是否需要Repository ？ 拿@dddl/dal包。
您要包括CQRS吗？ 只需实现@dddl/cqrs包，仅此@dddl/cqrs 。
是否需要Event Driven Architectu
vibrato.js:JavaScript和TypeScript的数字信号处理计算框架
03-20
Vibrato.js
与项目针对Java编程语言非常相似，这是用于JavaScript或TypeScript编程语言的类似的数字信号处理库（或计算库）。但是，这个概念有些不同。 Vibrato.js的意思是像一种最小表示功能的DSP语言的中间表示（IR），该语言可以编译为WebAssembly模块，然后可以由JavaScript模块引用。
该项目仍处于起步阶段。到达可行产品的阶段需要一段时间。再说一次，请忍受我:-)
子模块
dts-generator：生成单个.d.ts包，其中包含从TypeScript模块文件导出的外部模块声明
02-06
.d.ts生成器
生成一个包含从TypeScript模块文件导出的外部模块声明的.d.ts包。
这是什么意思？
如果您有一个包含大量单独的TypeScript文件的项目，这些文件被设计为作为外部模块使用，则TypeScript编译器不允许您从中实际创建一个捆绑包。 该软件包利用TypeScript 1.4+中的TypeScript语言服务来生成一个包含多个declare module 'foo'声明的.d.ts文件。 这使您可以分发单个.d.ts文件以及编译后JavaScript，用户可以使用/// <reference>注释从TypeScript编译器中简单地对其进行引用。
typeScript
03-08
打字稿
matlab中绿色的代码什么意思-JavaScriptOOP:如何以及何时在JavaScript中使用OOP？
05-21
在这个简短的概述中，我将回答问题：如何，为什么以及何时在JavaScript中使用OOP？ 什么？ :face_with_open_mouth: 快速刷牙。 面向对象的编程是通过创建包含属性和方法的对象来尝试反映现实世界问题的范例。 属性和...
Vue.TSX:带有Typescript和JSX的Vue.JS样板
05-07
Vue.tsx Vue.tsx试图弥合VueJS，Typescript和JSX之间的鸿沟。 该样板旨在为程序员提供一个环境，以立即开始构建基于Vue.js的可维护项目。 包含和配置的模块 威克斯 引导程序 轴距 Vue路由器
node-typescript-amazon-price-scraper:想要尝试使用Node.js和TypeScript来查看它们之间是否有有价值的协同作用。 事实证明Node.js和TypeScript完全是对立的
05-20
如果要在TypeScript的帮助下在Node.js中键入安全编程，那么您将陷入困境。 几乎所有的Node.js库和API都在积极地尝试阻碍您的发展，并且您不得不在any地方使用几乎所有的东西。 流API是我的意思的一个很好的例子。 ...
ts中在interface接口写length：number是什么意思
01-10
在 TypeScript 中，定义一个接口时，如果写了 `length: number`，就意味着在这个接口中，有一个叫做 `length` 的属性，类型为 `number`。
举个例子，你可以这样定义一个接口：
```
interface MyInterface {
length: number;
```
这个接口表示，它里面有一个名为 `length` 的属性，类型为 `number`。那么，任何想要实现这个接口的对象，就必须有一个名为 `length` 的属性，类型为 `number`。
比如，你可以这样写：
```
const obj: MyInterface = {
length: 10,
};
```
这个对象就实现了 `MyInterface` 这个接口，因为它有一个名为 `length` 的属性，类型为 `number`。
“相关推荐”对你有帮助么？
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
Andrew_SJ
CSDN认证博客专家
CSDN认证企业博客
码龄3年
暂无认证
137
原创
22万+
周排名
184万+
总排名
24万+
访问
等级
1983
积分
72
粉丝
172
获赞
60
评论
629
收藏
私信
关注
热门文章
python爬虫＜Response [200]＞返回值问题
32026
JS实现轮播图
12608
Typescript中?? ?: ?. 都是什么意思
10113
DataFrame的行列转置
9275
Linux向文件添加内容的几种方法
8258
分类专栏
前端
97篇
产品
1篇
气象
4篇
最新评论
Three.js踩坑记录
CSDN-Ada助手:
AI 写作助手上线啦！限免 4 天，快来创作试试功能吧～https://editor.csdn.net/md/?not_checkout=1&utm_source=blog_comment_recall
Pytorch中CrossEntropyLoss计算的是样本损失均值
Kornour:
我感觉也是
python爬虫＜Response [200]＞返回值问题
WorldWelcome:
“print(html)”本来就是输出200那个。html.text 才是正文内容。写文章误导别人
python爬虫＜Response [200]＞返回值问题
weixin_47568823:
我也是，，您咋个解决的呀，请问
python爬虫＜Response [200]＞返回值问题
weixin_47568823:
我也是，，您咋个解决的呀，请问
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐
提交
最新文章
Three.js踩坑记录
vue-router Uncaught (in promise) 报错问题
npm install 报错 check python checking for Python executable python2 in the PATH
2022年7篇
2021年112篇
2020年63篇
2019年1篇
目录
目录
分类专栏
前端
97篇
产品
1篇
气象
4篇
目录
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
祝福语
请填写红包祝福语或标题
红包数量
红包个数最小为10个
红包总金额
红包金额最低5元
余额支付
当前余额3.43元
前往充值 >
需支付：10.00元
取消
确定
下一步
知道了
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝
规则
hope_wisdom 发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。
余额充值