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

相关文章
|
1月前
|
XML JavaScript 前端开发
TypeScript 中的“as”语法是什么?
TypeScript 中的“as”语法是什么?
|
1月前
|
JavaScript 前端开发 编译器
TypeScript 类 第二章 【参数属性,存取器,静态属性】
TypeScript 类 第二章 【参数属性,存取器,静态属性】
43 2
|
1月前
|
JavaScript
详细介绍 TypeScript 中常用的循环语句,包括它们的语法、用法以及一些注意事项
详细介绍 TypeScript 中常用的循环语句,包括它们的语法、用法以及一些注意事项
85 1
|
1月前
|
JavaScript 前端开发 开发者
深入理解ArkTS:Harmony OS 应用开发语言 TypeScript 的基础语法和关键特性
深入理解ArkTS:Harmony OS 应用开发语言 TypeScript 的基础语法和关键特性
190 0
|
21天前
|
JavaScript 索引
typescript解构
typescript解构
|
1月前
|
JavaScript 编译器 开发者
TypeScript中的“as”语法是什么?
TypeScript中的“as”语法是什么?
17 0
|
1月前
|
JavaScript 前端开发 编译器
TypeScript中的“as”语法是什么?
TypeScript中的“as”语法是什么?
26 0
|
1月前
|
JavaScript 前端开发 IDE
【TypeScript】带类型语法的JavaScript
【1月更文挑战第26天】【TypeScript】带类型语法的JavaScript
|
1月前
|
JavaScript 前端开发 安全
TypeScript 基础语法是什么样的?
TypeScript 基础语法是什么样的?
59 1
|
1月前
|
JavaScript 前端开发 编译器
TypeScript 中的变量声明:变量声明的语法、变量的作用域、变量的类型推断和类型断言
TypeScript 中的变量声明:变量声明的语法、变量的作用域、变量的类型推断和类型断言
46 1