开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

通用typescript类型定义包括。原语类型

通用typescript类型定义包括原语类型、联合类型、交叉类型、函数类型、对象类型、数组类型、元组类型、枚举类型、类类型、接口类型、类型别名和泛型类型。

原语类型（Primitive Types）：包括布尔类型（boolean）、数字类型（number）、字符串类型（string）、空类型（null）和未定义类型（undefined）。
联合类型（Union Types）：表示一个值可以是多个类型之一，使用竖线（|）分隔。例如，number | string 表示一个值可以是数字类型或字符串类型。
交叉类型（Intersection Types）：表示一个值同时具有多个类型的特性，使用与号（&）分隔。例如，TypeA & TypeB 表示一个值同时具有 TypeA 和 TypeB 的特性。
函数类型（Function Types）：表示函数的类型，包括参数类型和返回值类型。例如，(x: number, y: number) => number 表示一个接受两个数字类型参数并返回数字类型的函数。
对象类型（Object Types）：表示具有特定属性和属性类型的对象。例如，{ name: string, age: number } 表示一个具有 name 和 age 属性的对象，name 属性为字符串类型，age 属性为数字类型。
数组类型（Array Types）：表示具有相同类型元素的数组。例如，number[] 表示一个由数字类型元素组成的数组。
元组类型（Tuple Types）：表示具有固定长度和特定类型的数组。例如，[string, number] 表示一个包含字符串类型和数字类型的两个元素的数组。
枚举类型（Enum Types）：表示一组具有命名值的相关常量。例如，enum Color { Red, Green, Blue } 表示一个颜色枚举类型，包含 Red、Green 和 Blue 三个命名值。
类类型（Class Types）：表示具有构造函数和实例方法的类。例如，class Person { constructor(name: string) { this.name = name; } sayHello() { console.log("Hello, " + this.name); } } 表示一个具有构造函数和 sayHello 方法的 Person 类。
接口类型（Interface Types）：表示对象的结构和属性类型。例如，interface Person { name: string; age: number; } 表示一个具有 name 和 age 属性的 Person 接口。
类型别名（Type Aliases）：为一个类型定义一个别名，方便重复使用。例如，type Point = { x: number; y: number; } 定义了一个名为 Point 的类型别名，表示具有 x 和 y 属性的对象。
泛型类型（Generic Types）：表示在定义时不指定具体类型，而是在使用时动态指定类型。例如，function identity<T>(arg: T): T { return arg; } 表示一个泛型函数，可以接受任意类型的参数并返回相同类型的值。

以上是通用typescript类型定义的概念和分类。在实际应用中，原语类型、联合类型、交叉类型、函数类型、对象类型、数组类型、元组类型、枚举类型、类类型、接口类型、类型别名和泛型类型都有各自的优势和适用场景。

腾讯云相关产品和产品介绍链接地址请参考腾讯云官方网站：https://cloud.tencent.com/

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

TypeScript 中的数组类型定义

在 TypeScript 中声明和初始化数组也很简单，和声明数字类型和字符串类型的变量也差不多，只不过在指定数组类型时要在类型后面加上一个中括号 [] 语法格式 const array_name: dataype...array: Array = ['孟浩然', 99]; 除了使用中括号 [] 的方法来声明数组，你还可以使用数组泛型来定义数组语法格式 const array_name..., val2, val3],[v1, v2, v3]]; // 等同于 const array_name: datatype[][] = [[val1, val2, val3]]; 多维数组类型 TypeScript...”分配给类型“[string]”。...个建议：在定义数组类型的时候使用数组泛型定义，这样显得更直观一点 Tuple 元组类型（元组类型允许表示一个已知元素数量和类型的数组）

5.4K4 0

《现代Typescript高级教程》扩展类型定义

现代JavaScript高级小册深入浅出Dart 现代TypeScript高级小册扩展类型定义在 TypeScript 中，我们可以通过声明文件（.d.ts 文件）来为现有的 JavaScript...库提供类型定义，或者为现有的类型添加额外的属性和方法。...这些文件通常用来为已有的 JavaScript 库提供类型定义，使得我们可以在 TypeScript 代码中更安全、更方便地使用这些库。...声明文件的主要内容是类型声明，包括变量、函数、类、接口等的类型定义。...其次，尽管 TypeScript 允许我们为内置类型添加自定义的属性和方法，但这并不意味着这是一个好的做法。在很多情况下，过度修改内置类型可能会导致代码难以理解和维护。

5411 0

TypeScript交叉类型&联合类型

一、交叉类型（Intersection types）什么事交叉类型呢？简单来说就是通过&符号将多个类型进行合并成一个类型，然后用type来声明新生成的类型。...这里分两种情况，如果同名属性的类型相同则合并后还是原本类型，如果类型不同，则合并后类型为never2.基本数据类型交叉any和number交叉结果是any类型，any和boolean交叉结果是any类型...，如下图所示：3.2 键的类型是对象类型A、B、C三个类型都有相同的键inner，但是键的数据类型不同，分别是D、E、F，此时A&B&C会将inner键的类型进行合并，其实是D、E、F的交叉类型。...，当键的类型是不同的字面量类型，则交叉后类型为never类型。...二、联合类型（Union types）联合类型和交叉类型比较相似，联合类型通过|符号连接多个类型从而生成新的类型。它主要是取多个类型的交集，即多个类型共有的类型才是联合类型最终的类型。

6421 0

TypeScript 类型注解和类型推断

一、类型注解（Type annotation）所谓类型注解，就是人为为一个变量指定类型，例如： const a: number = 123; 在 vscode 中鼠标移入 a 出现提示，冒号后面就是类型注解...当不添加类型注解时，TypesScript 也能知道变量 a 是一个数字，这就是 TypeScript 的类型推断： ?...二、类型推断（Type inference）所谓类型推断就是 TypeScript 可以通过变量值倒推变量类型，因此在绝大部分情况下，我们是不需要去写类型注解的但有些情况类型推断是无法推断变量类型的...从而也导致了 num 的类型不能判断： ?...; 这样 num 就可以推断出类型了： ?

1.1K3 0

TypeScript类型守卫

类型守卫主要包括四种方式：intypeofinstanceof自定义类型1、in- 定义属性场景下内容的确认先写两个接口Teacher、Student，然后将这两个接口进行联合声明，使用in来判断属性是否在传递的参数中...Teacher类型 if(val instanceof Teacher){ console.log('teacher:'+ val.courses) } //判断val的类型是否是定义的接口...Student类型 if(val instanceof Student){ console.log('student' + val.study) }}4、自定义类型TS中有一个关键字...使用：先定义一个变量，该变量表示是否是某种类型，比如以下定义了isTeacher，代表了参数cls是Teacher类型，然后用这个变量来判断。...（1）函数参数形式函数中的参数类型为多个类型，通过is关键字自定义类型，将函数参数精确到某种类型，然后再执行相应的逻辑。

4553 0

【TypeScript】类型推断

当我们在TypeScript中声明变量但没有明确指定其类型时，TypeScript会尝试根据变量的值进行类型推断。这样可以帮助我们避免手动指定所有类型，使代码更简洁，同时也提供了更好的类型安全性。...TypeScript 推断 y 为 string 类型let z = true; // TypeScript 推断 z 为 boolean 类型在这个例子中，我们没有显式地给变量x、y和z指定类型，TypeScript..."]; // TypeScript 推断 names 为 string[] 类型TypeScript会检查数组中所有元素的类型，并根据元素类型推断出数组的类型。...} 类型TypeScript会根据对象字面量中的键值对进行类型推断。...TypeScript会根据传入的john对象推断参数类型。

3750 0

【TypeScript】类型声明

当我们使用TypeScript编写代码时，类型声明是非常重要的，它帮助我们定义变量、函数、类等的类型，从而提供更好的代码提示、类型检查和代码可读性。...以下是关于TypeScript类型声明的详细内容：基本类型声明在TypeScript中，我们可以使用以下关键字来声明基本类型：let num: number = 42;let str: string =...（Type Alias）类型别名允许我们为复杂的类型定义一个新的名称，使代码更具可读性。...（Type Assertion）类型断言允许我们手动指定变量的类型，并告诉TypeScript编译器我们知道更多关于变量的类型信息。...来定义可选属性，使用readonly来定义只读属性。interface Person { name: string; age?

2562 0

TypeScript中对象类型定义的几种方式

前言在 TypeScript 中，以下几种方式用于定义对象：接口（Interface）常用场景: 接口用于定义对象的结构，尤其是当对象结构比较复杂、需要复用或者要用于类的类型定义时。...接口非常适合用于定义 API 的数据结构或者复杂的对象类型。...: MenuItem[] } 类型别名（Type Alias）常用场景: 类型别名可以定义对象类型，也可以定义联合类型、交叉类型等。它非常灵活，适用于定义各种复杂类型，包括对象类型。...对于复杂对象结构或需要复用的类型定义，不建议使用这种方式。...总体来说，接口和类型别名是最常见的选择，特别是在 TypeScript 的类型系统中，它们提供了最好的类型安全和灵活性。

3411 0

TypeScript 基础类型

TypeScript 基础类型 TypeScript 包含的数据类型如下表: 数据类型关键字描述任意类型 any 声明为 any 的变量可以赋予任意类型的值。...undefined undefined 用于初始化变量为一个未定义的值 never never never 是其它类型（包括 null 和 undefined）的子类型，代表从不会出现的值。...**注意：**TypeScript 和 JavaScript 没有整数类型。...Null 和 Undefined 是其他任何类型（包括 void）的子类型，可以赋值给其它类型，如数字类型，此时，赋值后的类型会变成 null 或 undefined。...never 是其它类型（包括 null 和 undefined）的子类型，代表从不会出现的值。

6171 0

TypeScript 元组类型

在 JavaScript 中是没有元组的，元组是 TypeScript 中特有的类型，其工作方式类似于数组。元组可用于定义具有有限数量的未命名属性的类型。每个属性都有一个关联的类型。...很明显元组类型 [number, string] 的长度是 2，在位置索引 2 处不存在任何元素。三、元组类型的可选元素与函数签名类型，在定义元组类型时，我们也可以通过 ?...针对这种情形，在 TypeScript 中就可以利用元组类型可选元素的特性来定义一个元组类型的坐标点，具体实现如下： type Point = [number, number?, number?]...Point3D 元组类型，用于表示一个三维的坐标点，然后我们利用剩余参数的语法，定义了一个 drawPoint 函数，用于输出三维坐标点的坐标值，接着定义一个名为 xyzCoordinate 元组类型变量并初始化...六、只读的元组类型 TypeScript 3.4 还引入了对只读元组的新支持。我们可以为任何元组类型加上 readonly 关键字前缀，以使其成为只读元组。

1.5K2 0

TypeScript 基础类型

一、TypeScript 的安装及使用 1、安装 npm i typescript -g // ts 全局包 npm i ts-node -g // 使用 ts-node 直接运行 ts...文件 2、使用将 TypeScript 转换为 JavaScript 代码： tsc test.ts 使用 node 命令来执行 test.js 文件： $ node test.js 二、TypeScript...string 可以使用单引号（'）、双引号（"）来表示字符串类型使用反引号（`）来定义多行文本和内嵌表达式 let name: string = "Faker"; let title: string.../ 运行正常 x = [1, 'Faker']; // 报错 console.log(x[0]); // 输出 Faker 7、枚举类型 enum 用于定义数值集合 enum Color...let b: null = null console.log(b); // null 11、never never 是其它类型（包括 null 和 undefined）的子类型，代表从不会出现的值，

1.3K3 0

TypeScript数组类型

[类型+方括号] 在我们创建数组的时候同样我们可以定义数组内数据的类型，如下所示 var arr:number[]=[1,2,3] var arr2:string[]=["1","2","3"] var...true] 接口形式 interface IArr{ [index:number]:number } var arrType3:IArr=[1,2,3] 通过如上代码我们限制了值只能为number类型...当然我们也可以约束我们数组里面为我们的对象,我们可定义一个泛型的数组如下所示. interface IArrStudent{ name:string, age:number } var...arrType5:Array=[{ name:"Mr.A",age:18},{ name:"Mr.B",age:20}] 同样在这类型加方括号的形式也可以描述 var arrType6

1.2K3 0

TypeScript never 类型

了解完底部类型的概念后，下面我们开始来介绍 TypeScript 中对应的底部类型 —— never 类型。...二、never 类型在 TypeScript 中，never 类型表示的是那些永不存在的值的类型。...在定义变量时，可以设置变量的类型为 never 类型： let foo: never; // 定义never类型的变量 never 类型是任何类型的子类型，也可以赋值给任何类型： let bar: string...let baz: never = 123; // 赋值失败，number类型不能赋值给never类型的变量 // 定义never类型变量，接收返回值类型为never类型的函数返回值 let bar:...never 类型为底部类型，也称为零类型或空类型。它通常表示为⊥，表示计算未将结果返回给调用方。void 类型，在另一方面，是一个单元类型（类型，它允许只有一个值），没有定义的操作。

4.2K1 0

TypeScript 类型系统

总之，我们使用 Typescript 的主要目的仍然是要它的静态类型检查，帮助我们提供代码的扩展性和可维护性。因此 Typescript 需要维护一套完整的类型系统。「类型系统包括 1....❞ 提供常用类型（不必须，但是没有用户体验会极差）并可以扩展出自定义类型（必须）。...比如定义 String 类型，以及其原型上的方法和属性。 ?...大家只要记住「Typescript 如果可以 100% 确定你的类型，并且这个类型要比你定义的或者 Typescript 自动推导的范围更小，那么就会发生类型收缩」就行了。...TypeScript 既会对变量存在与否进行检查，也会对变量类型进行兼容检查。因此 TypeScript 就需要定义一系列的类型，以及类型之间的兼容关系。

1.4K1 0

TypeScript类型断言

什么是类型断言类型断言是可以手动指定一个值得类型类型断言 let num3:number|string="10" num3=20 console.log(num3.length) 通过如上代码,当我们获取...length的时候会报错因为我们赋值为20所以不存在属性length，那么我们就可以采用类型断言去做处理值 function getAssert(name:string|number) {...return (name).length; } 值as类型 function getAssert(name:string|number) { return (name as string...).length; } 因为只有在我们为string类型的时候才有length属性,所以这一块我们要采用类型断言的方式进行处理....通过如下代码我们可以发现会出现异常正如下方图片所示，因为他并非是强制类型转换,他只能断言联合类型中存在的类型.不存在的类型是不允许的. function getAssert(name:string|number

7461 0

TypeScript 联合类型

联合类型（Union Types）可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值。注意：只能赋值指定的类型，如果赋值其它类型就会报错。...创建联合类型的语法格式如下：Type1|Type2|Type3 实例声明一个联合类型：TypeScriptvar val:string|number val = 12 console.log("数字为...console.log("数字为 " + val); val = "Runoob"; console.log("字符串为 " + val);输出结果为：数字为 12字符串为 Runoob如果赋值其它类型就会报错...：var val:string|number val = true 也可以将联合类型作为函数参数使用：TypeScriptfunction disp(name:string|string[]) { if...); disp(["Runoob", "Google", "Taobao", "Facebook"]);输出结果为：Runoob输出数组....RunoobGoogleTaobaoFacebook联合类型数组我们也可以将数组声明为联合类型

831 0

TypeScript函数类型

声明式类型函数通过如下代码我们实现了一个返回值为number类型的方法，同时我们也对返回值和参数进行了约束 function funcType(name:string,age:number):number..."张三",18) 对方法进行添加默认值 function funcType2(name:string="张三",age:number=18):number{ return age; } 表达式类型函数...number):number } var funcType6:funcType5=function(name:string,age:number):number{ return age; } 联合类型重载...通过如下代码我们可以实现一个联合类型函数,当然这可以采用重载的方式当我们的参数是number类型时我们的返回值是number类型，当我们的参数是string类型时我们的返回值是string类型，这一块具体在我们实际业务中可以根据实际需求进行相应修改

7882 0

TypeScript函数类型

# 声明式类型函数通过如下代码我们实现了一个返回值为number类型的方法，同时我们也对返回值和参数进行了约束 ``` function funcType(name:string,age:number...对方法进行添加默认值 ``` function funcType2(name:string="张三",age:number=18):number{ return age; } ``` # 表达式类型函数...numbe } var funcType6:funcType5=function(name:string,age:number):number{ return age; } ``` # 联合类型重载...通过如下代码我们可以实现一个联合类型函数,当然这可以采用重载的方式当我们的参数是number类型时我们的返回值是number类型，当我们的参数是string类型时我们的返回值是string类型，这一块具体在我们实际业务中可以根据实际需求进行相应修改

7502 0

TypeScript 类型保护

TypeScript 中使用联合类型经常会有下面的错误出现： ? ? 这时就需要用到类型保护，类型保护允许你使用更小范围下的对象类型，常见的类型保护如下：一、类型断言的类型保护 ?...二、in 语法的类型保护 ? 三、typeof 类型保护先来看另一种常见的错误： ? ? 通过 typeof 类型保护： ? 四、instanceof 类型保护 ?

7140 0

TypeScript类型声明

前言本文主要讲解TypeScript的基本数据结构，主要包括JS基本数据类型以及TS特有的数据类型。...，而TS中的数组是纯数字类型(number)的集合，如果在TS中定义包含多个类型的数组，那就是元组。...数组中数据的类型可以不随定义的类型位置的限定。...语法：enum + 变量名，意思是定义了一个叫做“变量名”的枚举类型优点：定义一些常量，可以清晰地表达意图或创建一组有区别的用例。...，即必须具有初始化表达式（3）异构含义：枚举类型包括字符串类型和数字类型注意：含有字符串值成员的枚举中不允许使用计算值，具体意思就是当枚举对象中存在有value是字符串的枚举成员的时候，不能将其他枚举成员的

3593 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭