TypeScript 强大的类型系统使得开发者能够更轻松地编写可维护、可扩展的代码。本文将详细介绍 TypeScript 中的基础类型，包括原始类型、对象类型、数组类型、元组类型、枚举类型和联合类型。...原始类型在 TypeScript 中，有以下几种原始类型：数字类型数字类型用于表示整数或浮点数。可以使用 number 关键字来声明数字变量。...例如：let person: { name: string; age: number } = { name: "John", age: 25,};数组类型数组类型用于表示一个由相同类型的元素组成的有序集合...例如：enum Color { Red, Green, Blue,}let color: Color = Color.Green;在枚举类型中，每个枚举成员都有一个与它关联的数字值，默认从 0 开始...总结本文详细介绍了 TypeScript 的基础类型，包括原始类型、对象类型、数组类型、元组类型、枚举类型和联合类型等方面。
TypeScript 1.8 引入了字符串字面量类型，用于将变量限制为可能的字符串值的有限集。在 TypeScript 2.0 中，字面量类型不再局限于字符串。...以下字面量类型已添加到类型系统中： boolean 字面量类型 数字字面量类型 枚举字面量类型 接下来，来看看这个类型对应的一些事例。...枚举字面量类型 最后，咱们还可以使用枚举作为字面量类型。继续前面的示例，实现一个给定端口(80或443)映射到相应方案(分别为 HTTP 或 HTTPS)的函数。...TypeScript 将只注入你指定的类型;也就是说，它会将所有其他 API 组视为不存在于你的的环境中。...然而，TypeScript 会给你一个编译时错误: Cannot find the name 'Promise'。这是因为 Promise 的类型声明不包含在任何注入的 API 组中。 ?
在 TypeScript 中，字面量类型（Literal Types）是指那些与特定字面量值严格对应的类型。字面量类型包括字符串字面量类型、数字字面量类型和布尔字面量类型。...使用场景 字面量类型在定义枚举类型的替代品、限制字符串或数字只能为特定值时非常有用。它们也常用于类型守卫中，以确保变量的值符合预期。...与 enum 的异同 字面量类型（Literal Types）和枚举（Enums）在 TypeScript 中都用于限制变量的取值范围，但它们之间存在一些区别。...• 枚举： 枚举是可以扩展的。你可以向枚举中添加新的成员。...Status 被限制为 'success' 或 'failure' 两个字面值或 Status.Success 和 Status.Failure 两个枚举成员。
TypeScript 1.8 引入了字符串字面量类型，用于将变量限制为可能的字符串值的有限集。在 TypeScript 2.0 中，字面量类型不再局限于字符串。...以下字面量类型已添加到类型系统中： boolean 字面量类型 数字字面量类型 枚举字面量类型 接下来，来看看这个类型对应的一些事例。...在这种情况下，TypeScript 编译器可以帮助咱们检测错误的逻辑和无效的代码。 枚举字面量类型 最后，咱们还可以使用枚举作为字面量类型。...TypeScript 将只注入你指定的类型;也就是说，它会将所有其他 API 组视为不存在于你的的环境中。...然而，TypeScript 会给你一个编译时错误: Cannot find the name 'Promise'。这是因为 Promise 的类型声明不包含在任何注入的 API 组中。
在 TypeScript 中，我们支持和 Javascript 几乎一样多的类型，并且新增了实用的枚举类型。...TypeScript 除了支持ECMAScript 2015中的十六进制和十进制外，还支持二进制和二进制类型。...Enum 枚举 TypeScript拓展了JavaScript原生的标准数据类型集，增加了枚举类型（enum）。...： enum Color {Red = 1, Green = 2, Blue = 4}; var c: Color = Color.Green; 枚举类型有一个便捷特性，我们也可以直接用数值来查找其对应的枚举元素的名称...举例来说，如果我们有一个值为2,但我们不确定这个数值对应枚举类型中的哪个元素，那我们可以直接查找这个数值对应的名称： enum Color {Red = 1, Green, Blue}; var colorName
前言 TypeScript 是 JavaScript 的一个超集，主要提供了 类型系统 和对 ES6 的支持，由 Microsoft 开发。... let list: Array = [1, 2, 3]; 元祖 Tuple 元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同，简单理解为可定义一组不同类型的数据...： let arr:[string, number] = ['name', 20]; console.log(arr[0]); // => 'name' 越界元素：当访问超出元祖长度的元素时，它的类型会被限制为元祖中每个类型的联合类型...TypeScript 支持 数字 的和基于字符串的枚举。...中当做定义好了的类型。
注意，这两种写法中的number指定的是数组元素的类型，你也可以在这里将数组的元素指定为任意类型。...这个赋给元组的值有三个元素，是比我们定义的元组类型元素个数多的： 在 2.6 及之前版本中，超出规定个数的元素称作越界元素，但是只要越界元素的类型是定义的类型中的一种即可。...2.2.2 枚举 enum类型在 C++这些语言中比较常见，TypeScript 在 ES 原有类型基础上加入枚举类型，使我们在 TypeScript 中也可以给一组数值赋予名字，这样对开发者来说较为友好...，那这个时候你可能会看到如下这种错误提示： 枚举声明只能与命名空间或其他枚举声明合并 正如你看到的，这里这个错误，是因为你在同一个文件不同地方、或者不同文件中，定义了相同名称的值，而由于TypeScript...字符串枚举 TypeScript2.4 版本新增了字符串枚举，字符串枚举值要求每个字段的值都必须是字符串字面量，或者是该枚举值中另一个字符串枚举成员，先来看个简单例子： enum Message
越界的元素 当添加越界的元素时，它的类型会被限制为元组中每个类型的联合类型： let tom: [string, number]; tom = ['Tom', 25]; tom.push('male'...在这种情况下，当前枚举成员的值为上一个枚举成员的值加 1。但第一个枚举元素是个例外。如果它没有初始化方法，那么它的初始值为 0。 枚举成员使用常数枚举表达式初始化。...常数枚举表达式是 TypeScript 表达式的子集，它可以在编译阶段求值。...需要注意的是，TypeScript 编译之后的代码中，并没有限制 private 属性在外部的可访问性。...在 TypeScript 2.3 以后，我们可以为泛型中的类型参数指定默认类型。
前言 TypeScript 包含的基础类型总结起来有： 布尔值 数字 字符串 数组 元组 枚举 任意值 空值 Null 和 undefined Never Object 今天，我们就来详细了解一下各个类型所代表的含义及表示方法...let isNew: boolean = true; 数字 → number TypeScript 中的整形和浮点数类型都是 number，这点和 JavaScript 是一样的，比如：十进制、二进制...`example.com/${myName}`; 数组 TypeScript 中定义数组的方式有两种。...let arr1: any[] = [1, "2", 3, "4"]; // 这个数组中可以假如任意类型的元素 元组 Tuple 元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。...总结 以上就是 TypeScript 中的基础数据类型介绍，总结起来就是： 在变量（函数的括号）后面添加冒号，后面跟上期望的类型，即可限制类型的前后一致性； 如果没有显式的添加类型限制，TypeScript
TypeScript基本类型 1，布尔值 TypeScript中可以使用boolean表示来表示这个变量是布尔值，可以给其赋值为true或者false let isDone：boolean = false...，各元素的类型不必相同,但必须定义的元组中元素的类型一直，即元组中的每一个元素的类型必须和定义类型一致。...let x:[string,number]; //定义元组中每个元素的类型 x = ["hello",1b1c]; //元组中元素赋值正确。...6，枚举 emum类型是对JavaScript标准数据类型的一个补充，可以通过使用枚举类型为变量进行赋值等操作。...TypeScript中null和undefined数据对应的类型就是null和undefined let u:null = null; let u:undefined = undefined; 10
基础类型 Typescript支持与Javascript几乎相同的数据类型，此外还提供使用的枚举类型方便我们使用。...除了支持十进制和十六进制字面量，Typescript还支持ECMAScript2015中引入的二进制和八进制字面量。..."; 数组 Typescript像Javascript一样可以操作数组元素。...enum类型是对Javascript类型的补充，像C#等其他语言一样，使用枚举类型可以为一组数值赋予友好的名字。...c: Color = Color.Green 或者全部采用手动赋值 enum Color {Red=1, Green=2, Blue=4} let c: Color = Color.Green; 枚举类型提供的一个便利是可以由枚举的值得到他的名字
基本类型 TypeScript 支持与 JavaScript 几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。...除了支持十进制和十六进制字面量，TypeScript 还支持 ECMAScript 2015中引入的二进制和八进制字面量。...当访问一个已知索引的元素，会得到正确的类型；当访问一个越界的元素，会使用联合类型替代(以后再说)；自从 TyeScript 3.1 版本之后，访问越界元素会报错，我们不应该再使用该特性。...像 C# 等其它语言一样，使用枚举类型可以为一组数值赋予友好的名字。 默认情况下，从 0 开始为元素编号。你也可以手动的指定成员的数值。...例如，我们将上面的例子改成从 1 开始编号； 或者，全部都采用手动赋值； 枚举类型提供的一个便利是你可以由枚举的值得到它的名字。
TypeScript—函数 10. TypeScript—类型推论和类型断言 11. TypeScript—枚举 12. TypeScript—泛型 13....indexOf() 搜索数组中的元素，并返回它所在的位置。如果搜索不到，返回值 -1，代表没有此项。 join() 把数组的所有元素放入一个字符串。...slice() 选取数组的的一部分，并返回一个新数组。 some() 检测数组元素中是否有元素符合指定条件。 sort() 对数组的元素进行排序。 splice() 从数组中添加或删除元素。...pop()从元组中移除元素（最后一个），并返回移除的元素。...TypeScript—枚举 枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。
6、TypeScript 中声明变量有哪些不同的关键字？ 7、如何书写带有类型注释的函数 ？ 8、如何在 TypeScript 中创建对象 ？ 9、如何在 TypeScript 中指定可选属性 ？...10、说说枚举在 TypeScript 中是如何工作的 ？ 11、什么是参数解构 ？...我们使用数组来存储相同类型的值，数组是有序和索引的值集合 索引从 0 开始，即第一个元素的索引为 0，第二个元素的索引为 1，依此类推 image.png 4、什么是 any 类型，何时使用 ？...对象类型可以具有零个或多个可选属性，在属性名称之后 image.png 10、说说枚举在 TypeScript 中是如何工作的 ？...枚举允许我们创建命名常量，这是一种为数字常量值赋予更友好名称的简单方法 枚举由关键字 enum 定义，后跟其名称和成员。 image.png 11、什么是参数解构 ？
选择TypeScript的理由 √TypeScript 增加了代码的可读性和可维护性; √TypeScript 非常包容; √TypeScript 拥有活跃的社区; x有一定的学习成本,需要理解接口（Interfaces...第二种定义方法 let 数组名：Array[类型] = [] var newArr:Array = [1,2,3]; console.log(newArr) 元组 它表示 已经 元素的个数和元素类型的数组...，各个元素类型可以不一样。...(strArr[0]) #它只能按类型的优先顺序输入内容，否则报错 枚举 enum enum类型是对JavaScript标准数据类型的一个补充。...+'的年龄为'+age) } getNum('张三',22) //输出结果为：张三的年龄为22 # 在TS 中 仍然可以使用箭头函数 var ss = (str2:string,hobby:string
中，任何类型都可以赋值给 any 类型，这让 any 类型成为了 TypeScript 中的顶级类型。...但是，当我们尝试将类型为 unknown 的变量赋值给其他变量时，TypeScript 会报错。...(); // Error value(); // Error new value(); // Error value[0][1]; // Error # Tuple 类型 元组类型允许表示一个已知元素数量和类型的数组...，各元素的类型不必相同。...中， undefined 和 null 两者有各自的类型分别为 undefined 和 null。
类型 TypeScript共有13种基本类型，除了JavaScript所有的7种之外，还有： Array：数组，表示一组类型相同的元素 Tuple：元组，表示一组固定数量的元素（不要求元素类型相同），如二元组...，比如无返回值函数的返回值类型 Never：绝不存在的值的类型，如永远不会返回的函数（必定抛异常的，或函数体有死循环的）的返回值类型 示例如下： // TypeScript新增的6种类型 let list...需要注意几点： Array类型有2种声明格式（elemType []和Array） 访问Tuple发生越界时，应用并集类型（union type），所以上例中x[10]的类型是string...如果指定了数值，后一项的值在此基础上递增，否则要求之后的项都要指定值（默认的数值递增机制应付不了了） Any类型相当于局部的类型检查开关，这在TypeScript与JavaScript代码并存的项目中很有意义...as type（尖括号语法与JSX语法冲突） 四.常用技巧 访问枚举key 实际上，TypeScript枚举类型建立了key-value的双向索引，例如： enum Color {Red = 1, Green
> = [1, 2]; arr = ['45', '56']; tuple 元祖类型，允许表示一个已知元素数量和类型的数组，各元素的类型不必相同 let tupleArr:[number, string...这有助于在开发阶段发现和预防潜在的类型错误，提高代码的健壮性和可维护性。 2.类型注解：在TypeScript中，可以使用类型注解来显式声明变量的类型，如let num: number = 10;。...3.语言特性：TypeScript在JavaScript的基础上增加了一些新的语言特性，如类（Class）、接口（Interface）、枚举（Enum）等。...4.编译过程：TypeScript需要通过编译器将TypeScript代码转换为可执行的JavaScript代码，然后在浏览器或Node.js环境中运行。...而JavaScript代码可以直接在浏览器或Node.js中运行。 5.模块和导入：TypeScript支持使用CommonJS、AMD或ES6等模块系统，并提供了对第三方库的类型定义支持。
大家好，又见面了，我是你们的朋友全栈君。 基础类型 TypeScript 支持与 JavaScript 几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。...这些浮点数的类型是 number。 除了支持十进制和十六进制字面量，TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。...数组 TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。...使用枚举类型可以为一组数值赋予友好的名字。...enum Color {Red, Green, Blue} // 枚举数值默认从0开始依次递增 // 根据特定的名称得到对应的枚举数值 let myColor: Color = Color.Green
TypeScript在js开发者中这么受喜爱的原因是：在你运行代码前，添加到javascript中的类型有助你发现错误（代码）。TypeScript编译器提供的错误可以很好的引导你如何修复代码错误。...如果你仅仅是想TypeScript生效的话，你只需要tsconfig.json文件中包含一个空JSON对象，但是，如果你需要TypeScript编译器的有不同的行为（比如在特定的输出目录中输出编译后的JavaScript...array TypeScript中有两种书写数组类型的方式。第一种是[]后缀在需要查找的数组元素类型。...当你想一组具有关联性的描述名称的不同值，枚举就很有用处了。 默认，为枚举分配从0开始的值，接下来的值为（上一个枚举值）加1。...，然而，字符串也可以被分配到一个枚举中的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
