ts字面量类型

最新推荐文章于 2024-08-03 15:42:13 发布
原创 最新推荐文章于 2024-08-03 15:42:13 发布 · 701 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#linux #前端 #运维

本文介绍了TypeScript中如何使用字符串、数字和布尔字面量类型创建联合类型，以及如何通过联合类型实现类似枚举的功能。例如，`CardinalDirection`类型展示了如何组合方向字符串，而`OneToFive`和`Bools`类型则展示了数字和布尔字面量的应用。

ts支持将一个字面量当成一个类型使用

let foo:"hello"
foo = 'hello'
foo = 'a'   //不能将a分配给hello类型

TS提供3种字面量类型

字符串字面量类型

实际上单个的字符串字面量类型并不是很有用，但是可以使用联合类型将多个字符串字面量组合成一个类型（形成类似于字符串枚举的作用）。

type CardinalDirection = 'North' | 'East' | 'South' | 'West';

function move(distance: number, direction: CardinalDirection)
{

}

move(1,'North')

enum States{
    North = 'north',
    East = 'east',
    South = 'south',
    West = 'west'
}

function move1(distance: number, direction: States)
{

}
move1(1,States.North)

number字面量类型

  • type OneToFive = 1|2|3|4|5;

布尔字面量类型

  • type Bools = true | false;
菊の物语
关注
TS 进阶类型之联合类型、交叉类型、类型别名、 函数类型、对象类型、字面量类型、泛型、as断言
qq_37635012的博客
05-27 799
当 TS 不确定一个联合类型的变量到底是哪个类型的时候,可以定义多种类型，例如，一个变量既支持 number 类型，又支持 string 类型.对象的属性是可以有修饰符的，目前有两种修饰符，分别是 readonly 关键字对应的可选属性 和?联合类型 | 是指可以取几种类型中的任意一种，而交叉类型 & 是指把几种类型合并起来。类型是有父子关系的，子类型的值可以赋值给父类型，但是父类型的值是不能够赋值给子类型的.然后我们在每个属性前面加上了 readonly 这样所有的属性都是只读的了。
TypeScript 模板字面量类型 (Template Literal Types) 深度解析
vvilkin的学习备忘
03-31 1298
在 TypeScript 4.1 版本中，引入了一个令人兴奋的新特性——模板字面量类型 (Template Literal Types)。这一特性将 JavaScript 中广受欢迎的模板字符串语法引入到类型系统中，为类型级别的字符串操作提供了前所未有的强大能力。本文将深入探讨模板字面量类型的各个方面，包括其基本概念、语法结构、实际应用场景以及高级用法，并通过丰富的示例展示如何利用这一特性提升代码的类型安全性。
TS-字面量类型
weixin_45636198的博客
06-30 485
例如，以下代码将变量number1声明为1、2、3字面量类型，因此取值只能为1、2、3中的一个，如果赋其他值，会引起编译错误。字面量在代码中表示固定值。在TypeScript中，字面量包括字符串、数值、布尔值、长整型值、对象、数组、函数、正则表达式、null等，例如，以下都是字面量。字面量类型的变量只能被赋予字面量值，如果尝试给以上变量赋其他值，就会引起编译错误，示例代码如下。基于字面量，创建字面量类型，字面量类型可以理解为仅表示固定值的类型，其定义方式如下。
深入理解TS（5）—— 字面量类型
weixin_41387874的博客
03-23 1483
字面量类型 字面量类型 TS支持将一个字面量当成一个类型使用。 let foo: ‘Hello’; foo变量的类型是 ‘Hello’，它只能兼容字面量值为 ‘Hello’ 的变量，也只能接受 ‘Hello’ 作为赋值数据。 let foo: 'Hello'; foo = 'Hello' foo = 'a' //不能将'a'分配给'Hello'类型 TS提供3种字面量类型 字符串字面量类型 字符串字面量类型就是使用字符串字面量作为类型。 实际上单个的字符串字面量类型并不是很有用，但.
TS高级类型之字面量类型、联合类型、交叉类型
04-13 1555
这里没有写注解的变量的类型就变成了赋值字面量类型的父类型，比如str的类型是字符串字面量类型"hello world"的父类型string，num的类型是数字字面量类型996的父类型number，bool的类型是布尔字面量类型false的父类型boolean。这不仅提升了代码的可读性，还保证了函数的参数类型。通过 let 或 var 定义的变量、函数形参、对象的非只读属性，如果指定了初始值且未显式添加类型注解，那么它们推断出来的类型就是指定的初始值字面量类型拓宽后的类型，这就是字面量类型拓宽。
TypeScript - 字符串字面量类型
weixin_30412577的博客
05-17 356
字符串字面量类型用来约束取值只能是某几个字符串中的一个 type EventNames = 'click' | 'scroll' | 'mousemove'; function handleEvent(ele: Element, event: EventNames) { 　　// do something } handleEvent(document.getElementByI...
TS 字面量
jieweiwujie的博客
03-21 278
前端系列三十二：TS字面量类型跟Any类型
WebYanXin的博客
12-31 1009
字面量类型： 使用模式： ' 字面量类型配合联合类型一起使用 ' 使用场景： 用来' 表示一组明确的可选值列表 ' 写法： function changeDirection( direction: 'up' | 'down' | ' left ' | ' right ') { consloe.log( direction ) } 解释： 参数direction 的值只能是 up/down/left/right 中的任意一个 优势： 相比于string 类型， 使...
【4】TypeScript入门——数据类型②（类型推断、字面量类型）
倏存的博客
04-17 933
类型推断（通过被赋值的值推断、通过上下文推断）； 字面量类型（数字、字符串、布尔）
TS字面量进行类型声明
Frank---7的博客
05-20 747
0010、TS的字面量类型
Aresnine的博客
03-18 688
字面量类型（Literal Types）是 TypeScript 中的一种类型，它表示一个具体的值，而不仅仅是一个类型。字面量类型可以是字符串字面量、数字字面量、布尔字面量或符号字面量。在 TypeScript 中，字面量类型可以用来约束变量的取值范围，从而增强代码的可读性和类型安全性。
TS中什么是字面量类型？
hexadecimal_001的博客
08-03 568
字面量类型直接使用字面量值来定义变量的类型，例如'success'42true等。它允许开发者为变量或函数参数指定一组有限的可取值，从而限制它们的取值范围。
TS--字面量和联合类型
Anorry的博客
07-15 325
字面量和联合类型是TS中的两个重要概念。
9.ts 类型别名， 字面量， 交叉类型
从盲流子到程序员
06-04 324
//类型别名 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：字面量类型与枚举enum
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
01-10 1077
字符串/数字 字面量类型 字符串字面量类型允许你指定字符串必须的固定值。 在实际应用中，字符串字面量类型可以与联合类型，类型保护和类型别名很好的配合。 通过结合使用这些特性，你可以实现类似枚举类型的字符串。 字面量类型 // 字符串字面量类型 type Easing = "ease-in" | "ease-out" | "ease-in-out"; // 数字字面量类型 function rollDie(): 1 | 2 | 3 | 4 | 5 | 6 { // ... } 枚举 数字枚举： //
TS中对象字面量的额外属性检查
Eyno的博客
05-20 880
问题 我们在接口中定义了两个变量类型，在函数使用中并非用上全部的变量，是一种可选属性，一种OPTION BAGS 如果已定义函数的参数名称与传入接口定义不一致会发生什么呢？看以下例子： // 接口，?表示可选属性 interface SquareConfig { color?: string; width?: number; } function createSquare(config: SquareConfig): { color: string; area: number } {
typescript字面量类型
JiuMeilove的博客
02-18 908
在TypeScript中，字面量是指在代码中直接使用的具体值，如字符串、数字、布尔值等。字面量类型是TypeScript中的一种特殊类型，它用于定义一组有限的值，并且可以在定义变量或函数时使用字面量作为具体值，也可以作为类型的一部分限定变量或函数的取值范围。示例如下上面的代码通过ts类型推论机制,我们可以看到,两个变量类型是不同的str1的变量类型是:stringstr2的变量类型是:‘hello world’
TypeScript：字面量类型介绍和基本使用
程序员无羡的博客
03-01 303
TypeScript：字面量类型介绍和基本使用
【typescript】 Typescript字面量类型 、 Typescript字面量类型使用模式和场景
m0_64494670的博客
02-28 270
【typescript】 Typescript字面量类型 、 Typescript字面量类型使用模式和场景
怎么使用字面量创建
最新发布
09-29
<think>我们正在解决的是在ArkTs 5.0.5中，使用字面量创建对象时报错的问题。错误信息是：Object literal must correspond to some explicitly declared class or interface (arkts-no-untyped-obj-literals) 根据ArkTS的规范，对象字面量必须显式地对应于一个已经声明的类或接口。因此，我们需要确保在使用对象字面量时，其类型已经被定义。 在用户提供的代码中： - 定义了一个类 `Peron`（注意：类名拼写错误，应该是Person）。 - 尝试使用字面量方式创建实例：`const person:Peron = { name:'Xiaozhang',age:29,isMale:true };` 但这里会报错，因为ArkTS不允许直接使用字面量来创建一个类的实例，除非这个字面量结构完全匹配一个已定义的类型（类或接口）。 在TypeScript中，这样的写法是允许的，因为TypeScript具有结构类型系统。但是ArkTS为了更强的类型安全（特别是在系统开发中），要求更严格的类型匹配。 解决方法： 方法1：使用构造函数创建实例，而不是字面量。 方法2：定义一个接口，然后用这个接口来声明对象字面量的类型。 但是注意，用户定义了一个类，我们也可以使用这个类来创建实例。然而，在ArkTS中，使用字面量直接赋值给一个类类型变量是不被允许的，因为字面量创建的是普通对象，而不是类的实例（即使结构相同）。 因此，我们有两种主要的解决方案： 1. 使用类的构造函数来创建实例（推荐）： ```typescript const person = new Peron('Xiaozhang', 29, true); ``` 2. 定义一个接口，然后使用该接口来声明对象字面量的类型（如果不需要类的方法，只需要数据结构）： ```typescript interface PersonInfo { name: string; age: number; isMale: boolean; } const person: PersonInfo = { name:'Xiaozhang', age:29, isMale:true }; ``` 但是，如果我们需要使用类中的方法，那么第一种方法更合适。 另外，用户代码中类名拼写错误（Peron），需要修正为Person。 修改后的代码示例： 修正类名，并使用构造函数： ```typescript class Person { name: string = 'Xiaoming'; age: number = 20; isMale: boolean = true; constructor(name: string, age: number, isMale: boolean) { this.name = name; this.age = age; this.isMale = isMale; } public printInfo(): void { // 实现打印信息 console.log(`Name: ${this.name}, Age: ${this.age}, Gender: ${this.isMale ? 'Male' : 'Female'}`); } } // 使用构造函数创建实例 const person = new Person('Xiaozhang', 29, true); person.printInfo(); ``` 如果不想使用构造函数，而是想用字面量，那么我们需要使用接口，但这样创建的普通对象没有类的方法（比如上面的printInfo方法）。因此，如果只需要数据，不需要方法，就可以用接口。 总结：在ArkTS中，避免直接使用字面量赋值给类类型变量。要么使用构造函数，要么定义接口来约束字面量对象的类型。 根据用户的需求，他们可能希望使用字面量来创建一个对象。因此，我们可以建议使用接口的方式。 步骤： 1. 定义一个接口，包含所需的属性。 2. 使用该接口类型来声明变量，并用字面量赋值。 示例： ```typescript interface IPerson { name: string; age: number; isMale: boolean; } const person: IPerson = { name:'Xiaozhang', age:29, isMale:true }; console.log(person.name); ``` 这样就不会报错了。 注意：如果类中除了这些属性还有方法，那么使用接口方式创建的对象是没有这些方法的。所以需要根据实际情况选择。 另外，在ArkTS中，类的实例和接口定义的对象字面量是不同的。如果只是数据传输对象（DTO），没有方法，那么接口是合适的。 所以，针对用户的问题，他们有两种选择： 选择1：使用构造函数（需要类有构造对应参数的构造函数）。 选择2：定义接口，然后使用接口类型来声明对象字面量。 用户代码中，他们尝试使用字面量创建类`Peron`的实例，这是不允许的。因此，我们推荐使用上述两种方法之一。 下面我们将给出两种方法的完整示例： 方法一：使用构造函数（类的方式） - 修正类名 - 使用new创建实例 方法二：接口方式 - 定义接口 - 使用字面量创建符合接口的对象 根据用户代码，他们最后使用了`console.log(person.name)`，所以如果只是读取属性，两种方法都可以。 但注意，原类中有默认值和构造函数，所以使用构造函数的方式会覆盖默认值。而使用接口的字面量方式，则没有默认值。 因此，我们建议用户根据实际需求选择。 示例代码： 方法一（类+构造函数）： ```typescript class Person { name: string = 'Xiaoming'; // 默认值 age: number = 20; isMale: boolean = true; constructor(name?: string, age?: number, isMale?: boolean) { if (name !== undefined) { this.name = name; } if (age !== undefined) { this.age = age; } if (isMale !== undefined) { this.isMale = isMale; } } printInfo(): void { console.log(`Name: ${this.name}, Age: ${this.age}, isMale: ${this.isMale}`); } } const person1 = new Person(); // 使用默认值 const person2 = new Person('Xiaozhang', 29, true); // 覆盖默认值 person2.printInfo(); ``` 方法二（接口）： ```typescript interface PersonData { name: string; age: number; isMale: boolean; } const person: PersonData = { name: 'Xiaozhang', age: 29, isMale: true }; console.log(person.name); ``` 这样，两种方法都可以避免上述错误。 注意：在ArkTS中，类实例和接口定义的对象字面量是不同的类型。如果某个函数期望接收一个类实例，那么传入接口定义的对象字面量是不行的，因为类实例可能包含方法，而字面量对象没有。 因此，我们强调要根据上下文选择合适的方式。 最后，用户的问题中类名拼写错误，我们修正为`Person`。 如果用户确实需要既使用字面量又保持类型匹配，那么只能通过接口或类型别名来定义类型，而不能直接使用类名。 所以，在ArkTS中，解决该错误的核心就是：为对象字面量指定一个已经明确定义的类或接口作为类型。 我们推荐使用接口，因为接口更轻量，适合描述数据结构。而类更适合有行为（方法）的场景。 总结步骤： 1. 定义接口（或类，但用类时不能用字面量直接赋值，除非该类有对应的接口结构）。 2. 在声明变量时，使用该接口（或类）作为类型。 3. 用字面量赋值时，确保字面量结构符合接口。 或者，使用构造函数创建类的实例。 以上就是解决该错误的方法。 </think>### 解决 ArkTS 5.0.5 中对象字面量报错的方法 在 ArkTS 5.0.5 中，当您尝试使用字面量创建对象时遇到 `Object literal must correspond to some explicitly declared class or interface (arkts-no-untyped-obj-literals)` 错误，这是因为 ArkTS 要求所有对象字面量必须**显式对应预定义的类型**。以下是完整的解决方案： #### 方法 1：定义接口声明类型（推荐） ```typescript // 1. 定义接口声明类型 interface Person { name: string; age: number; isMale: boolean; } // 2. 使用接口类型声明对象字面量 const person: Person = { name: "Xiaozhang", age: 29, isMale: true }; // ✅ 通过类型检查 console.log(person.name); // 正常输出 ``` #### 方法 2：使用构造函数类 ```typescript class Person { constructor( public name: string, public age: number, public isMale: boolean ) {} } // 通过 new 创建实例 const person = new Person("Xiaozhang", 29, true); // ✅ 正确 console.log(person.name); // 正常输出 ``` #### 方法 3：使用类型别名（Type Alias） ```typescript // 定义类型别名 type Person = { name: string; age: number; isMale: boolean; }; const person: Person = { name: "Xiaozhang", age: 29, isMale: true }; // ✅ 通过类型检查 ``` #### 错误用法对比 ```typescript // ❌ 错误：未声明类型的对象字面量 const person = { name: "Xiaozhang", age: 29, isMale: true }; // 触发arkts-no-untyped-obj-literals // ✅ 正确：显式声明接口类型 interface Person { name: string; age: number; isMale: boolean; } const safePerson: Person = { ... }; ``` ### 关键区别：ArkTS vs TypeScript | 特性 | TypeScript | ArkTS 5.0.5 | |----------------------|----------------|-----------------------| | 对象字面量类型推断 | ✅ 允许 | ❌ 禁止 | | 隐式any类型 | ✅ 允许 | ❌ 禁止 | | 未声明类型的对象字面 | ✅ 编译通过 | ❌ 编译错误 | | 类型严格性 | 中等 | 严格（系统级安全）[^1] | ### 最佳实践建议 1. **集中管理类型定义**： ```typescript // types.ts export interface Person { name: string; age: number; isMale: boolean; } ``` 2. **组件中使用明确类型**： ```typescript import { Person } from './types'; @Component struct ProfileCard { @Prop user: Person; // 使用预定义类型 build() { Text(this.user.name) } } ``` 3. **动态数据处理**（使用类型守卫）： ```typescript function isPerson(obj: any): obj is Person { return obj.name && obj.age && obj.isMale; } const data = apiResponse; // 动态数据 if (isPerson(data)) { // 安全访问属性 } ``` > [^1]: ArkTS 5.0.5 的类型系统要求所有对象必须显式声明类型，这是鸿蒙系统级开发的安全规范，目的是防止未定义类型的对象在运行时引发系统级错误。 ```mermaid graph TD A[对象字面量报错] --> B{解决方案} B --> C[定义接口 interface] B --> D[使用类 class] B --> E[类型别名 type] C --> F[结构类型检查] D --> G[类实例化] E --> H[类型别名声明] F --> I[类型安全的对象] G --> I H --> I ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值