15-字符串字面量类型

最新推荐文章于 2024-06-30 15:25:32 发布
最新推荐文章于 2024-06-30 15:25:32 发布
阅读量227 收藏
点赞数
分类专栏： TypeScript 文章标签： html javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MDistance/article/details/120840439
版权
本文介绍了如何在TypeScript中使用字符串字面量类型EventNames来限制参数类型，确保函数handleEvent接受的event参数仅限于预定义的几种值。通过实例和类型别名，展示了如何增强代码的类型安全性并避免运行时错误。
摘要由CSDN通过智能技术生成

字符串字面量类型

字符串字面量类型用来约束取值只能是某几个字符串中的一个。

简单的例子§

type EventNames = 'click' | 'scroll' | 'mousemove';
function handleEvent(ele: Element, event: EventNames) {
    // do something
}

handleEvent(document.getElementById('hello'), 'scroll');  // 没问题
handleEvent(document.getElementById('world'), 'dblclick'); // 报错，event 不能为 'dblclick'

// index.ts(7,47): error TS2345: Argument of type '"dblclick"' is not assignable to parameter of type 'EventNames'.

上例中，我们使用 type 定了一个字符串字面量类型 EventNames，它只能取三种字符串中的一种。

注意，类型别名与字符串字面量类型都是使用 type 进行定义。

参考§

  • Advanced Types # Type Aliases（[中文版](https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/Advanced Types.html#字符串字面量类型)）
Distance^o^
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
c++字符串字面量
鸟哥的博客
01-31 1154
// by 鸟哥 qq1833183060 字符串字面量 #include <iostream> #include <string> using std::string; int main() { std::cout<<"hello"<<" len:"<<sizeof("hello")<<std::endl...
深入理解TS（5）—— 字面量类型
weixin_41387874的博客
03-23 1332
字面量类型 字面量类型 TS支持将一个字面量当成一个类型使用。 let foo: ‘Hello’; foo变量的类型是 ‘Hello’，它只能兼容字面量值为 ‘Hello’ 的变量，也只能接受 ‘Hello’ 作为赋值数据。 let foo: 'Hello'; foo = 'Hello' foo = 'a' //不能将'a'分配给'Hello'类型 TS提供3种字面量类型 字符串字面量类型 字符串字面量类型就是使用字符串字面量作为类型。 实际上单个的字符串字面量类型并不是很有用，但.
TypeScript - 字符串字面量类型
weixin_30412577的博客
05-17 295
字符串字面量类型用来约束取值只能是某几个字符串中的一个 type EventNames = 'click' | 'scroll' | 'mousemove'; function handleEvent(ele: Element, event: EventNames) { 　　// do something } handleEvent(document.getElementByI...
TypeScript基础入门之高级类型的字符串字面量类型
weixin_34185320的博客
09-20 149
2019独角兽企业重金招聘Python工程师标准>>> ...
ts字面量类型
Mahuicool的博客
01-07 556
实际上单个的字符串字面量类型并不是很有用，但是可以使用联合类型将多个字符串字面量组合成一个类型（形成类似于字符串枚举的作用）。
Typescript 字符串字面量
高先生的猫
08-31 341
字面量是 JavaScript 本身提供的一个准确变量。 #字符串字面量 你可以使用一个字符串字面量作为一个类型： let foo: 'Hello'; 在这里，我们创建了一个被称为foo变量，它仅接收一个字面量值为Hello的变量： let foo: 'Hello'; foo = 'Bar'; // Error: 'bar' 不能赋值给类型 'Hello' 它们本身并不是很实用，但是可以在一个联合类型中组合创建一个强大的（实用的）抽象： type CardinalDirect...
js正则学习小记之匹配字符串字面量
11-21
关于匹配字符串问题，有很多种类型，今天讨论 js 代码里的字符串匹配。(因为我想学完之后写个语法高亮练手，所以用js代码当作例子) var str1 = "我是字符串1哦，快把我取走", str2 = "我是字符串2哦，快把我取走"; ...
2-字符串类型.zip
09-22
3. **f-string（格式化字符串字面量）**：Python 3.6引入的新特性，变量直接嵌入字符串中，如`f'Name: {name}, Age: {age}'`。 五、字符串编码与解码 在处理字符串时，可能会遇到字符编码的问题。Python的默认编码...
C++11新特性探索(一)——原生字符串字面量问题
08-08
原生字符串字面量的另一个优点是它们可以与标准库中的`std::string`和`std::wstring`等类型无缝集成。例如，`u8`字符串字面量可以直接赋值给`std::string`，而`u`和`U`字符串字面量可以赋值给`std::wstring`。 在...
typeScript进阶(10)_字符串字面量类型
见贤思齐焉，见不贤内自省
08-30 887
字符串字面量类型 字符串字面量类型和类型别名都是使用type来声明； 如果type后面赋值不是类型名称二十其他字符，ts会自动类型推论为其数据类型。 使用type来声明字符串字面量类型，但是不仅限于字符串 字符串字面量类型用来约束取值只能是某几个字符串中的一个。 例如： //字符串字面量类型用来约束取值只能是某几个字符串中的一个 type strType = 'zjq' let strTypezjq: strType; strTypezjq =123; //错 strTypezjq="123" //错
TS-字面量类型
最新发布
weixin_45636198的博客
06-30 284
例如，以下代码将变量number1声明为1、2、3字面量类型，因此取值只能为1、2、3中的一个，如果赋其他值，会引起编译错误。字面量在代码中表示固定值。在TypeScript中，字面量包括字符串、数值、布尔值、长整型值、对象、数组、函数、正则表达式、null等，例如，以下都是字面量。字面量类型的变量只能被赋予字面量值，如果尝试给以上变量赋其他值，就会引起编译错误，示例代码如下。基于字面量，创建字面量类型，字面量类型可以理解为仅表示固定值的类型，其定义方式如下。
TS高级类型之字面量类型、联合类型、交叉类型
04-13 1151
这里没有写注解的变量的类型就变成了赋值字面量类型的父类型，比如str的类型是字符串字面量类型"hello world"的父类型string，num的类型是数字字面量类型996的父类型number，bool的类型是布尔字面量类型false的父类型boolean。这不仅提升了代码的可读性，还保证了函数的参数类型。通过 let 或 var 定义的变量、函数形参、对象的非只读属性，如果指定了初始值且未显式添加类型注解，那么它们推断出来的类型就是指定的初始值字面量类型拓宽后的类型，这就是字面量类型拓宽。
3、详细版易学版TypeScript - 接口 函数 类型断言 类型别名 字符串字面量类型
EchoLiner的博客
05-09 137
详细版易学版TypeScript - 接口 函数 类型断言 类型别名 字符串字面量类型
TypeScript类型别名和字符串字面量类型
热门推荐
Army-海军的博客
07-11 1万+
说白了就是把类似string这种东西换个别名，至于字面量，你可以约束类型，我也能约束他是什么或者在哪个范围之内选择。 类型别名 类型别名用来给一个类型起个新名字。 type Name = string; type NameResolver = () => string; type NameOrResolver = Name | NameResolver; function getNam...
0010、TS的字面量类型
Aresnine的博客
03-18 479
字面量类型（Literal Types）是 TypeScript 中的一种类型，它表示一个具体的值，而不仅仅是一个类型。字面量类型可以是字符串字面量、数字字面量、布尔字面量或符号字面量。在 TypeScript 中，字面量类型可以用来约束变量的取值范围，从而增强代码的可读性和类型安全性。
TS字面量进行类型声明
Frank---7的博客
05-20 601
9.ts 类型别名， 字面量， 交叉类型
从盲流子到程序员
06-04 245
//类型别名 let sum:(x:number,y:number)=>number const result = sum(1,2) //类型别名 关键字 type type PlusType = (x:number,y:number)=>number let sum2 : PlusType const result2 = sum2(2,3) //联合类型 type StrOrNumber = string | number let result3 : StrOrNumber resu.
三分钟快速了解Ts字面量和联合类型的使用
GY2077的博客
07-11 192
通过使用字面量类型，可以在类型系统中明确指定变量的取值范围，从而提高代码的可读性和类型安全性。字面量类型通常与联合类型结合使用，以创建更具体的类型约束。在TypeScript中，字面量类型允许我们指定一个变量只能是特定的字面量值。这在某些场景下非常有用，可以增强代码的可读性和类型安全性。，即：由两个或多个其他类型组成的类型，表示可以是这些类型中的任意一种。概念：将多个类型合并为一个类型对变量进行注解。（竖线）在 TS 中叫做。
【typescript】 Typescript字面量类型 、 Typescript字面量类型使用模式和场景
m0_64494670的博客
02-28 204
【typescript】 Typescript字面量类型 、 Typescript字面量类型使用模式和场景
c++ 与字符串字面量比较
08-09
1. 数据类型不同：c是一个字符类型的数据，而字符串字面量是一个字符数组类型的数据。 2. 数据形式不同：c是单一的字符，而字符串字面量是由多个字符组成的字符串。 3. 比较规则不同：c是字符的字面值，比较的是字符...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值