Typescript -字符串连接为类型 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Typescript使用字符串联合类型代替枚举类型

TypeScript宗旨我觉得Typescript的宗旨是任何一个 TypeScript 程序，在手动删去类型部分，将后缀改成 .js 后，都应能够正常运行。...Typescript是javascript的超集，是编译期行为，不引入额外开销，不改变运行时行为，始终与 ESMAScript 语言标准一致。...但是enum类型了引入了 JavaScript 没有的数据结构（编译成一个双向 map），入侵了运行时，与 TypeScript 宗旨不符。...用字符串联合类型(‘enum1’ | ‘enum2’ | ‘enum3’)可以做到相同的事，且在调试时可读性更好。...enum2"; Test[Test["enum3"] = 4] = "enum3"; })(Test || (Test = {})); var test = Test.enum2; // 3 推荐联合类型

3.2K2 0

TypeScript 类型体操：合并映射类型的处理结果为联合类型

索引类型是 TypeScript 中的常见类型，它是聚合多个元素的类型，对象、类、元组等都是索引类型。...它可以对索引类型的索引和值做一些变换，然后产生新的索引类型。...： TypeScript 也内置了很多基于映射类型实现的工具类型，比如 Partial、Required 等。...总之，会了映射类型就能够对索引类型做各种变换了。但是，这些都是对索引类型整体做的变换，变换的结果依然是一个索引类型。有的时候是想把它们分开的。比如这种需求：希望能把每个索引给分开。...总结索引类型是 TypeScript 中的常见类型，可以通过映射类型的语法来对它做一些修改，生成新的索引类型。

1.8K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

【TypeScript】010-类型别名、字符串字面量类型、元组、枚举

类型别名常用于联合类型。 2、字符串字面量类型字符串字面量类型用来约束取值只能是某几个字符串中的一个。...上例中，我们使用 type 定了一个字符串字面量类型 EventNames，它只能取三种字符串中的一种。注意，类型别名与字符串字面量类型都是使用 type 进行定义。...Days[Days["Sat"] = "S"] = "Sat"; })(Days || (Days = {})); 当然，手动赋值的枚举项也可以为小数或负数，此时后续未手动赋值的项的递增步长仍为...在这种情况下，当前枚举成员的值为上一个枚举成员的值加 1。但第一个枚举元素是个例外。如果它没有初始化方法，那么它的初始值为 0。枚举成员使用常数枚举表达式初始化。...常数枚举表达式是 TypeScript 表达式的子集，它可以在编译阶段求值。

610 0

【TypeScript】类型声明

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

2942 0

TypeScript类型守卫

Teacher类型 if('courses' in val){ console.log(val.courses) } //此时val类型缩小为Student类型 if('study...;}type Class = A | B；function getInfo(val:Class){ //判断val的属性a的类型为number类型 if(typeof val.a === "number..."){ console.log('B:'+ val.a) } //判断val的属性a的类型为string类型 if(typeof val.a === "string"){...（1）函数参数形式函数中的参数类型为多个类型，通过is关键字自定义类型，将函数参数精确到某种类型，然后再执行相应的逻辑。...实例方法 isStaff 用于将类型收窄为 Staff，实例方法 isStudent 用于将类型收窄为 Studentabstract class User { name: string;

5643 0

【TypeScript】类型推断

下面是一些关于类型推断的案例，详细描述每个案例的类型推断过程：基本类型推断let x = 10; // TypeScript 推断 x 为 number 类型let y = "hello"; //...TypeScript 推断 y 为 string 类型let z = true; // TypeScript 推断 z 为 boolean 类型在这个例子中，我们没有显式地给变量x、y和z指定类型，TypeScript...数组类型推断let numbers = [1, 2, 3]; // TypeScript 推断 numbers 为 number[] 类型let names = ["Alice", "Bob", "Charlie..."]; // TypeScript 推断 names 为 string[] 类型TypeScript会检查数组中所有元素的类型，并根据元素类型推断出数组的类型。...return语句推断出返回值类型为number。

4120 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...// 八进制 console.log(decLiteral, hexLiteral, binaryLiteral, octalLiteral) // 输出 // 6 61453 10 484 3、字符串类型...string 可以使用单引号（'）、双引号（"）来表示字符串类型使用反引号（`）来定义多行文本和内嵌表达式 let name: string = "Faker"; let title: string...= `Hello, I am ${ name }`; 4、布尔类型 boolean 表示逻辑值：true 和 false let flag: boolean = true; 5、数组类型声明变量为数组

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 基础类型

TypeScript 基础类型 TypeScript 包含的数据类型如下表: 数据类型关键字描述任意类型 any 声明为 any 的变量可以赋予任意类型的值。...string 一个字符系列，使用单引号（'）或双引号（"）来表示字符串类型。...let flag: boolean = true; 数组类型无声明变量为数组。 ...**注意：**TypeScript 和 JavaScript 没有整数类型。...---- Any 类型任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型，它常用于以下三种情况。

6271 0

TypeScript 元组类型

在 JavaScript 中是没有元组的，元组是 TypeScript 中特有的类型，其工作方式类似于数组。元组可用于定义具有有限数量的未命名属性的类型。每个属性都有一个关联的类型。...["Kakuqo"]; console.log(`optionalTuple : ${optionalTuple}`); 在上面代码中，我们定义了一个名为 optionalTuple 的变量，该变量的类型要求包含一个必须的字符串属性和一个可选布尔属性...针对这种情形，在 TypeScript 中就可以利用元组类型可选元素的特性来定义一个元组类型的坐标点，具体实现如下： type Point = [number, number?, number?]...元组类型里最后一个元素可以是剩余元素，形式为 ...X，这里 X 是数组类型。...六、只读的元组类型 TypeScript 3.4 还引入了对只读元组的新支持。我们可以为任何元组类型加上 readonly 关键字前缀，以使其成为只读元组。

1.5K2 0

TypeScript never 类型

了解完底部类型的概念后，下面我们开始来介绍 TypeScript 中对应的底部类型 —— never 类型。...二、never 类型在 TypeScript 中，never 类型表示的是那些永不存在的值的类型。...下面我们来介绍一下 TypeScript 中 never 类型的应用场景。...在 TypeScript 中这些函数的返回类型被推断为 void。具有 never 返回类型的函数永不返回。它也不返回 undefined。...never 类型为底部类型，也称为零类型或空类型。它通常表示为⊥，表示计算未将结果返回给调用方。void 类型，在另一方面，是一个单元类型（类型，它允许只有一个值），没有定义的操作。

4.2K1 0

TypeScript 联合类型

联合类型（Union Types）可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值。注意：只能赋值指定的类型，如果赋值其它类型就会报错。...创建联合类型的语法格式如下：Type1|Type2|Type3 实例声明一个联合类型：TypeScriptvar val:string|number val = 12 console.log("数字为..."+ val) val = "Runoob" console.log("字符串为 " + val)编译以上代码，得到以下 JavaScript 代码：JavaScriptvar val; val = 12...; console.log("数字为 " + val); val = "Runoob"; console.log("字符串为 " + val);输出结果为：数字为 12字符串为 Runoob如果赋值其它类型就会报错...**"); for (i = 0; i 为：**数字数组**124**字符串数组**RunoobGoogleTaobao

971 0

TypeScript 类型系统

比如 1 是 number 类型，"lucifer" 是字符串类型， {} 是对象类型， [] 是数组类型。而变量 a 是没有固定类型的。 ?...接下来我们详细了解下类型推导和类型收敛。类型推导和类型收敛 let a = 1; 如上代码。Typescript 会推导出 a 的类型为 number。...有意思的是如果 a 使用 const 声明，那么 a 不会被推导为 number，而是推导为类型 1。即「值只能为 1 的类型」，这就是类型收敛。...我来解释一下：比如上面的 const ，由于你是用 const 声明的，因此 100% 不会变，一定永远是 1，因此类型可以收缩为 1。...因此 if 语句内类型会被收缩为 string。instanceof 也是类似，原理一模一样。

1.4K1 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类型，这一块具体在我们实际业务中可以根据实际需求进行相应修改

7912 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

7521 0

TypeScript交叉类型&联合类型

这肯定是不行的，原子类型进行合并是没有任何意义，因为它们合并后的类型是never，比如string&number，这肯定是错误的，因为不可能有既满足字符串又满足数字类型。...，当键的类型是不同的字面量类型，则交叉后类型为never类型。...，其中 a为number类型，b为string类型。...，其中 a为string类型，b为number类型即可。...二、联合类型（Union types）联合类型和交叉类型比较相似，联合类型通过|符号连接多个类型从而生成新的类型。它主要是取多个类型的交集，即多个类型共有的类型才是联合类型最终的类型。

7051 0

TypeScript 类型保护

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

7180 0

TypeScript 类型系统

针对 JavaScript 上面的问题，聪明的同学就想那我们就给 JavaScript 加个类型吧，和 Java 一样，能够对变量的类型进行定义，这个想法就是 TypeScript 的类型系统, 在很大程度上弥补了...从 TypeScript 的名字就可以看出来，「类型」是其最核心的特性，TypeScript 也主要致力于解决 JavaScript 的类型混乱问题。...TypeScript 是静态类型类型系统按照「类型检查的时机」来分类，可以分为下面 2 种动态类型静态类型动态类型是指在运行时才会进行类型检查，这种语言的类型错误往往会导致运行时错误。...TypeScript 在运行前需要先编译为 JavaScript，而在编译阶段就会进行类型检查，所以 TypeScript 是静态类型，这段 TypeScript 代码在编译阶段就会报错了： let foo...大部分 JavaScript 代码都只需要经过少量的修改（或者完全不用修改）就变成 TypeScript 代码，这得益于 TypeScript 强大的[类型推论][]，即使不去手动声明变量 foo 的类型

8560 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类型，这一块具体在我们实际业务中可以根据实际需求进行相应修改

7552 0

TypeScript类型声明

前言本文主要讲解TypeScript的基本数据结构，主要包括JS基本数据类型以及TS特有的数据类型。...] = ['a']（2）数组的数据类型不一致联合数据声明：比如(string|number)[]，声明一个数组，数组类型为字符串、数字。...、字符串类型枚举、异构。...，需要对每一个字符串枚举类型成员进行赋值，即必须具有初始化表达式（3）异构含义：枚举类型包括字符串类型和数字类型注意：含有字符串值成员的枚举中不允许使用计算值，具体意思就是当枚举对象中存在有value是字符串的枚举成员的时候...，强制让ts编译器相信我们在做什么操作六、void（空类型）声明对象类型为void时返回为空值function func(): void { }声明一个变量为void 时只能将它赋值为 undefined

3733 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭