类型别名、字面量和交叉类型

最新推荐文章于 2023-08-07 10:04:44 发布
最新推荐文章于 2023-08-07 10:04:44 发布
阅读量195 收藏
点赞数
分类专栏： Typescript的学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49203377/article/details/117666955
版权

在这里插入图片描述
可以使用type关键字简化写法

在这里插入图片描述
这里只是演示，只声明了类型，并没有实现，假如在js中运行，是会报错的，
类型别名支持各种写法，所以在多处使用的类型，都可以使用类型别名来抽象管理。比如一个类型可以是一个类型也可以是一个字符串也可以是一个数字
在这里插入图片描述
2.字面量：是一个特殊的类型，这个类型只能是一个原始数据类型
在这里插入图片描述
所以上面的name2会报错

在这里插入图片描述

字面量的用处：在枚举中，经常会遇到一些常量值，字面量是一种简单的方法来处理一种情形，下面的Directions有四个方向，下面的towWhere会把这四种类型限定在里面。其他值是不被允许的，而且输入的时候有自动提示
在这里插入图片描述
在这里插入图片描述
3.交叉类型
上图中|在ts中成为联合类型，指的是可以是这几种类型中的任意一种类型，和它对应的是交叉类型，使用的符号是&，它可以把几种类型合并起来
在这里插入图片描述
这个时候IPerson有age和name两个属性的类型
在这里插入图片描述
我们可以发现它和interface的extends非常类似，都是为了实现对象形状的组合和扩展，他们之间还是有一点区别的，当使用交叉或者组合类型的时候，可以考虑type，当实现extends或者实现类的实例的时候可以考虑使用interface

weixin_49203377
关注
专栏目录
TS 进阶类型之联合类型、交叉类型、类型别名、 函数类型、对象类型、字面量类型、泛型、as断言
qq_37635012的博客
05-27 461
当 TS 不确定一个联合类型的变量到底是哪个类型的时候,可以定义多种类型，例如，一个变量既支持 number 类型，又支持 string 类型.对象的属性是可以有修饰符的，目前有两种修饰符，分别是 readonly 关键字对应的可选属性 和?联合类型 | 是指可以取几种类型中的任意一种，而交叉类型 & 是指把几种类型合并起来。类型是有父子关系的，子类型的值可以赋值给父类型，但是父类型的值是不能够赋值给子类型的.然后我们在每个属性前面加上了 readonly 这样所有的属性都是只读的了。
【TypeScript 入门】11.接口类型和类型别名
超逸の学习技术博客
03-22 367
本章讲述了 TypeScript 中对核心的知识点之一：接口类型和类型别名，并且对比了两者的区别，在大部分场景下 interface 都可以被 type 取代，在某些场景下，还是有比较大的差别的。下一章中我们将讲述本章在类型别名中提到的联合和交叉类型。
typescript学习：类型别名，联合类型，交叉类型，null类型
weixin_44828005的博客
08-16 300
本文内容如下 联合类型，交叉类型，类型断言，类型别名，类型推断的了解与使用 如果你都有了答案，可以忽略本文章，或去TS学习地图寻找更多答案 联合类型 可以简单理解为：或者 常与类型别名结合使用 let title: string | number = 1 //传递字符串和数字都可以 与类型别名结合使用 type S = string type N = number type F = () => string const result: S | N | F = 1 const result
9.ts 类型别名， 字面量， 交叉类型
从盲流子到程序员
06-04 271
//类型别名 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.
TypeScript基础知识（六）类型别名和字面量类型
最新发布
青轩桃李能几何，流光欺人忽蹉跎
08-07 105
交叉类型是 TypeScript 中的一种类型别名，它可以将多个类型合并成一个类型。具体来说，交叉类型将多个类型的属性合并到一个类型中，使我们能够同时使用各个类型的属性。字面量类型是 TypeScript 中的一种类型，它允许我们将特定的字面量值指定为类型的取值范围。这些案例展示了如何使用交叉类型来合并对象属性、函数参数和返回值以及类的方法。还展示了如何结合联合类型和交叉类型来创建更复杂的类型。这些案例展示了如何使用字面量类型来限制变量的取值范围，并结合联合类型使用字面量类型的特性。
类型别名、字面量、交叉类型
weixin_49343253的博客
03-11 180
1、类型别名 ts中定义类型有时很冗长，用type直接把函数类型定义出来，后续可以直接使用。 定义函数类型： let sum: (x:number,y:number)=>number const res = sum(1,2) //type声明一个函数类型，以后可以直接用 type plusType = (x:number,y:number)=>number let sum2: plusType const res2 = sum2(2,3) 定义联合类型： type num = n
js 别名
qq_49442626的博客
04-06 483
var a = 10, b = 20, c = 2; // 直接在一行中 给 (ce = a > b ? a : b) 起别名注意要加括号，不然会报错， 不用定义 var:let:const 变量 var d = (ce = a > b ? a : b) > c ? ce : c; console.log(ce); 个人测试得出结论，如有错误请指出 ...
typescript 类型保护与区分类型 联合类型 交叉类型 类型别名 接口 vs. 类型别名 字符串字面量类型
06-09
接口和类型别名都可以用来定义类型，但有一些不同之处。接口可以被类实现，也可以被扩展，而类型别名只能定义别名。例如： ```typescript interface Person { name: string; age: number; } type PersonAlias = ...
TypeScript中的类型别名和字符串字面量类型
### 介绍TypeScript中的类型别名和字符串字面量类型的重要性 在现代的软件开发中，类型系统扮演着非常重要的角色。它可以确保代码的可靠性、可维护性和可扩展性。TypeScript作为JavaScript的超集，提供了强大的静态...
类型即正义：TypeScript 从入门到实践（三）：类型别名和类
图雀社区
04-26 1176
我们研发开源了一款基于 Git 进行技术实战教程写作的工具，我们图雀社区的所有教程都是用这款工具写作而成，欢迎 Star 哦 如果你想快速了解如何使用，欢迎阅读我们的 教程文档 哦 学习了注解函数，又了解了类型运算如联合类型和交叉类型，接下来我们来了解一些 TS 中独有的类型别名，它类似 JS 变量，是类型变量，接着我们还会学习 TS 中内容非常庞杂的内容之一：类，了解 TS 中类的独有...
javascript 别名_JavaScript解构别名
culuo8053的博客
08-04 825
javascript 别名Destructuring in JavaScript has totally changed the way JavaScript is written these days; code is more concise to write but but, from a visual standpoint, the syntax of the language has ...
TypeScript中的类型别名
08-13 269
In this previous post, we learned how to use string literals in TypeScript. As a quick refresher, string literals allow us to use a string as a type. 在上一篇文章中 ，我们学习了如何在TypeScript中使用字符串文字 。 作为快速入门，字符串...
浅学TypeScript（5）——type声明类型别名
衡与墨的博客
12-05 578
自定义的类型别名 通过声明类型别名可以提高语义性，同时能减少重复的代码： interface Animal { typ: string; } class Duck implements Animal { typ: string = "鸭子" } class Goose implements Animal { typ: string = "鹅" } class Fish im...
typeScript学习(八)、类型别名_Type_Aliases
黄孝果的博客
03-09 237
//将sting和number类型封装为StringOrNum类型 type StringOrNum = string | number; const logDetails = (uid: StringOrNum, item: string) => { console.log(`${item} has a uid of ${uid}`); }; logDetails(1111, "world"); // ------------------------------------------.
Typescript学习 交叉类型 函数重载
aminwangaa的博客
11-25 225
同名基础类型属性的合并 interface X { c: string d: string } interface Y { c: string e: number } type XY = X & Y type YX = Y & X let p: XY let q: YX p = { c: "a", d: "a", e: 5 } q = { c: "a", d: "a", e: 5 } 同名非基础类型
TS高级类型之字面量类型、联合类型、交叉类型
04-13 1213
这里没有写注解的变量的类型就变成了赋值字面量类型的父类型，比如str的类型是字符串字面量类型"hello world"的父类型string，num的类型是数字字面量类型996的父类型number，bool的类型是布尔字面量类型false的父类型boolean。这不仅提升了代码的可读性，还保证了函数的参数类型。通过 let 或 var 定义的变量、函数形参、对象的非只读属性，如果指定了初始值且未显式添加类型注解，那么它们推断出来的类型就是指定的初始值字面量类型拓宽后的类型，这就是字面量类型拓宽。
深度解析javaScript常见数据类型检查校验
程序猿布欧的博客
05-05 914
前言 在JavaScript中，数据类型分为两大类，一种是基础数据类型，另一种则是复杂数据类型，又叫引用数据类型 基础数据类型：数字Number 字符串String 布尔Boolean Null Undefined Symbols BigInt 引用数据类型：日期Dete，对象Object，数组Array,方法Function, 正则regex,带键的集合：Maps, Sets, WeakMaps, WeakSets 基础数据类型和引用数据类型的区别，在之前深拷贝的文章中提到过，这里不做详细赘述。 传
TypeScript--JavaScript的超集
weixin_67340539的博客
07-12 463
typescript是微软公司开源的编程语言， type是类型的意思，表示在js的基础之上额外增加了类型系统、提供了类型支持，是js的超集。
TypeScript（五）类型别名及类型符号
03-13 2708
在编写JS代码时，我们通常使用const、var、let来定义一个变量，进行变量的运算或者逻辑编写等。在TS中也有一种类似变量的写法那就是类型别名，与运算逻辑相对应的便是类型符号在前面的文章中，我们介绍了TypeScript中常用的类型，然而在实际项目开发中，不可避免的会遇到各种复杂类型，有些可以使用接口或对象类型来描述，但是有些数据类型更灵活、复杂，那么此时，类型别名是一种非常有用的工具，它可以帮助我们简化代码，提高代码的可读性和可维护性；基本语法应用场景如果说类型别名是一个人，那么类型符号就是它的灵魂。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值