TypeScript Parameter Destructuring 语法 - 参数解构

简介: TypeScript Parameter Destructuring 语法 - 参数解构

您可以使用参数解构方便地将作为参数提供的对象解包到函数体中的一个或多个局部变量中。


function sum({ a, b, c }: { a: number; b: number; c: number }) {
  console.log(a + b + c);
}
let a = { a: 1, b: 2, c: 3 };
sum(a);

image.png

注意,这里第一行语句冒号后是类型定义。


我们可以简单改写下,提供代码可读性:


type ABC = { a: number; b: number; c: number };
function sum({ a, b, c }: ABC) {
  console.log(a + b + c);
}
let a: ABC = { a: 1, b: 2, c: 3 };
sum(a);

image.png

相关文章
|
前端开发 JavaScript
在TypeScript中定义Promise返回值
在TypeScript中定义Promise返回值
|
6月前
|
JavaScript 开发者 索引
TypeScript-参数装饰器
TypeScript-参数装饰器
28 0
|
6月前
|
安全
TypeScript-infer关键字和TypeScript-unknown类型
TypeScript-infer关键字和TypeScript-unknown类型
23 0
|
8月前
|
JavaScript 前端开发 编译器
TypeScript--函数(function)
TypeScript--函数(function)
|
8月前
|
JavaScript 前端开发 编译器
TypeScript--类型声明
TypeScript--类型声明
|
9月前
|
JavaScript 编译器
面试题-TS(二):如何定义 TypeScript 中的变量和函数类型?
在TypeScript中,我们可以使用冒号(:)来指定变量的类型。以下是一些常见的变量类型:
|
11月前
|
JavaScript
TypeScript 小结:近五十个常用TypeScript类型工具的声明、描述、用法示例
近五十个常用TypeScript类型工具的声明、描述、用法示例
84 0
typescript19-对象可选参数
typescript19-对象可选参数
107 0
typescript19-对象可选参数
typescript17-函数可选参数
typescript17-函数可选参数
67 0
typescript17-函数可选参数
|
JavaScript
TypeScript Parameter Destructuring 语法 - 参数解构
TypeScript Parameter Destructuring 语法 - 参数解构
85 0
TypeScript Parameter Destructuring 语法 - 参数解构