TypeScript 的变量定义

简介: TypeScript 的变量定义

Variable Declaration


let 和 const 是 JavaScript 中变量声明的两个相对较新的概念。 正如我们之前提到的,let 在某些方面类似于 var,但允许用户避免用户在 JavaScript 中遇到的一些常见“陷阱”。


const 是 let 的增强,因为它可以防止重新分配给变量。


变量解构 - Array destructuring

image.png

Object destructuring

这在 SAP Spartacus 的源代码里比较多见。

image.png

这会从 o.a 和 o.b 创建新变量 a 和 b。 请注意,如果不需要,可以跳过 c。

请注意,我们必须用括号将这个语句括起来。 JavaScript 通常将 大括号 解析为块的开始。

您可以使用以下语法为对象中的其余项目创建变量…:

image.png

和数组展开一样,它是从左到右进行的,但结果仍然是一个对象。 这意味着在扩展对象中较晚出现的属性会覆盖较早出现的属性。

Object 的 spread 操作符有一些局限性:

首先,它只包含对象自己的可枚举属性。 基本上,这意味着在传播对象实例时会丢失方法:

class C {

 p = 12;

 m() {}

}

let c = new C();

let clone = { ...c };

clone.p; // ok

clone.m(); // error!

相关文章
|
前端开发 JavaScript
在TypeScript中定义Promise返回值
在TypeScript中定义Promise返回值
|
1月前
react+typescript给state和props定义指定类型
react+typescript给state和props定义指定类型
16 1
|
3月前
|
存储 设计模式 JavaScript
TypeScript 类的基础:从定义到实例化,让你快速掌握(三)
TypeScript 类的基础:从定义到实例化,让你快速掌握
|
3月前
|
存储 JavaScript
TypeScript 类的基础:从定义到实例化,让你快速掌握(二)
TypeScript 类的基础:从定义到实例化,让你快速掌握
|
3月前
|
缓存 JavaScript 前端开发
TypeScript 类的基础:从定义到实例化,让你快速掌握(一)
TypeScript 类的基础:从定义到实例化,让你快速掌握
|
3月前
|
JavaScript
如何在 TypeScript 中定义类
如何在 TypeScript 中定义类
17 0
|
4月前
|
JavaScript 前端开发 编译器
TypeScript 中的变量声明:变量声明的语法、变量的作用域、变量的类型推断和类型断言
TypeScript 中的变量声明:变量声明的语法、变量的作用域、变量的类型推断和类型断言
37 1
|
4月前
|
存储 JavaScript 前端开发
TypeScript 中的 Map 对象定义、基本操作和常见用法
TypeScript 中的 Map 对象定义、基本操作和常见用法
131 7
|
4月前
|
JavaScript
TypeScript 联合类型的定义、使用场景和注意事项
TypeScript 联合类型的定义、使用场景和注意事项
55 1
|
4月前
|
JavaScript 前端开发 编译器
TypeScript 接口之基本接口定义
TypeScript 接口之基本接口定义
45 0