首页 > 其他分享 >typeScript学习-TS类型-合成类型

typeScript学习-TS类型-合成类型

时间:2023-08-11 10:13:06浏览次数:39  
标签:Obj1 username typeScript TS number Obj2 let 类型

typeScript学习

合成类型:联合类型, 交叉类型

联合类型:

let str:srting | number  = "abc"
str=3

交叉类型:

type Obj1 = {username:string}
type Obj2 = {age:number}
let obj:Obj1={username:'zhangsan'}
let obj2:Obj2={age:23}
let obj3:Obj1 & Obj2 = {username:'wangwu',age:30}

// 错误情况
// let str2:string & number = 3

 

标签:Obj1,username,typeScript,TS,number,Obj2,let,类型
From: https://www.cnblogs.com/kongbaige/p/17622312.html

相关文章

  • typeScript学习-TS类型-字面量数据类型
    typeScript学习字面量数据类型://typeA=number|string//leta:A="abc"//typenum=number//letn:num=3typenum=1|2|3letn:num=2//错误情况//letn:num=4typeincreaseFlag=0|1functionisStartUp(increase:increaseFlag){if(in......
  • typeScript学习-TS类型-枚举
    typeScript学习枚举:enum枚举的定义:用来存放一组固定的常量的序列。枚举带来的好处:1、有默认值和可以自增值,节省编码时间2、语义更清晰,可读性增强,因为枚举是一种值类型的数据类型,方法参数可以明确参数类型为枚举类型enumWeekEnd{Monday="myMonday",//......
  • typeScript学习-TS类型-接口
    typeScript学习接口:定义:另一种定义对象类型的类型接口应用场景:1、一些第三方包或者框架底层源码中有大量的接口类型2、提供方法的对象类型的参数时使用3、为多个同类别的类提供统一的方法和属性声明如何定义接口:继承接口:新的接口只是在原来接口集成之上增加......
  • BootstrapBlazor组件库,组件方法的表达式传参
    BootstrapBlazor组件库,组件方法的表达式传参有时候我们在循环中创建组件的时候,可能想把item的值也一并传入组件的方法事件中去处理,有很多小伙伴就不知道如何去调用事件了。下面是一段实例代码,通过循环遍历来创建图片,并且创建一个删除图片的按钮,这个按钮的OnConfirm方法需要把图......
  • mmap映射类型
    文件映射和匿名映射都是操作系统中对于内存映射的两种类型,主要应用于进程间的通信或者大量数据的处理。文件映射,也就是内存映射文件,是把一个文件或者文件的一部分映射到进程的地址空间,它允许对文件进行随机访问。当进程对这块内存区域进行读写还操作时,系统会自动把更改写回磁盘......
  • java_数据类型
    graphLR;java数据类型-->基本数据类型java数据类型-->引用数据类型1.基本类型graphLR;基本类型-->数值型基本类型-->字符型("字符型(char[2字节])")基本类型-->布尔型("布尔型(boolean[1字节]存放true/false)")数值型-->整数("整数(byte[1......
  • 《VTK图形图像开发进阶》第3章VTK基本数据结构——单元类型
    数据集由一个或多个单元组成。一系列有序的点按指定类型连接所定义的结构就是单元(Cell),单元是VTK可视化系统的基础。这些顺序连接的点定义了单元的拓扑结构,而点的坐标定义了单元的几何结构。如下图是类型为六面体(Hexahedron)的单元,顶点列表(由点的索引号表示,即8-10-1-6-21-22-5......
  • 在Java中操作Redis_Spring Data Redis使用方式_其他类型的数据操作
        ......
  • 在Java中操作Redis_Spring Data Redis使用方式_操作字符串类型的数据
        ......
  • ECharts实现两条曲线数据比较,数据高出区域高亮显示
    显示效果: 代码实现:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>EChar......