TypeScript数据类型
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文
一、typescript数据类型(不涵盖number,string,boolean,null和undefined)
文章目录
一、typescript数据类型(不涵盖number,string,boolean,null和undefined)
1.字面量
2.any
3.unknown
4.void
5.never
6.object
7.array
8.tupple
9.enum
1.字面量
//直接使用字面量进行类型声明
let a : 10;
a = 11//报错//可以使用 | 链接多个类型(联合类型)
let b : boolean | string
b = true;
b = "hello";
2.any
//any 声明any后,ts对该变量关闭类型检测
let c : any;// let c;
c = 10;
c = true;
//将any类型赋值给其他类型
a = c ;
//不会报错,污染类型
3.unknown
//unknown 赋值和any一样,不会报错
let d : unknown;
//区别
a = d;//报错
//unknown是一个类型安全的any,不能直接赋值给其他变量//解决方式之一:类型断言
a = d as string;
a = <string>d//函数设置返回值为boolean 若不设置为any
function fn() :boolean{ return true }
4.void
//void 用来表示空,以函数为例,或表示没有返回值
function fn(): void{ return true }//报错
function fn(): void{ return undefine }
function fn(): void{ return null }
function fn(): void{ return }
5.never
//never表示永远没有值,在没有结果可以返回时
function fn2(): never{ throw new Error('报错了!') }
6.object
//a表示一个对象
//let a : object;等同于a = {}或者a = function(){} 只说对象的话,都是创建对象//{}用来指定对象中可以包含哪些属性,语法要一一对应。属性名后面加上?,表示属性可选
let b = { name : string ,age?: number }
b = { name : "世界最强",age : 18 }//[xxx : string] : any 表示任意类型的属性
let c = { name : string, [xxx : string] : any };//xxx可以随便改,最好符合上下文
c = { name : "PinkFloyd" , age : 50 , gender : "男" }let d: ( a:number , b:number ) => number
d = function(n1: number , n2: number):number{return n1 + n2
}
//设置函数结构的类型声明
语法: (形参:类型,形参:类型...)=>返回值
7.array
//string[]表示字符串数组,number[]数字数组
let e: string[]
e = ['a','b','c'];//表示数字数组
let f: Array<number>;
g=[1,2,3]//1.类型[] 2.Array<类型>
8.tupple
//元组,即固定长度的数组
let h : [string,string]
h = ['hello','123']//正确
h = ['hello']//错误//语法 [类型,类型...类型]
9.enum
//enum枚举
Enum Gender{male = 1,Female = 0,
}let i: {name: sting,gender :string}
i = {name : "KingCrimson"gender : Gender.male //male
}console.log{i.gender === Gender.Male}
TypeScript数据类型相关推荐
- 三分钟快速了解typeScript数据类型
前言: TypeScript 是由微软开发的一款开源的编程语言. TypeScript 是 Javascript 的超级,遵循最新的 ES6.ES5 规范 TypeScript 扩展了JavaScri ...
- 学习TypeScript数据类型-从零到英雄
It's all the rage these days in the world of web development - TypeScript. I'd wager by now you hav ...
- 【TypeScript】TypeScript数据类型(下篇)
目录 前言 1.联合类型 2.类型别名 3.接口 4.类型断言 5.文字类型 6.null和undefined 7.枚举 8.不太常见的原语 bigint symbol 前言 最近博主一直在创作Typ ...
- 【TypeScript】TypeScript数据类型(上篇)
- typescript 数据类型、函数返回值、类型断言、联合类型、类型兼容
null和undefined类型:是所有类型的子类型,即可以将任意类型赋值为二者any类型:可以赋值任何类型unknown类型:引入的顶级类型unknown,对照于any,unknown是类型安全的, ...
- TypeScript,从0到入门带你进入类型的世界
从0到入门进入TS的世界 一.什么是TypeScript? 1.编程语言的类型 2.TypeScript究竟是什么? 二.为什么要学习TypeScript? 1.程序更容易理解 2.效率更高 3.更少 ...
- 一文带你了解typeScript
typeScript 分章节阅读目录链接:typeScript系列学习文章目录 typeScript数据类型 解释 typeScript函数 函数定义 参数 函数重载 Lambda函数 typeScr ...
- TypeScript 学习笔记(一)—— 参考哔哩哔哩整理的笔记
1.TypeScript 介绍 .自动编译 1.1 介绍 TypeScript 是由 微软 开发的开源语言 TypeScript 是 Javascript 的超集,遵循最新的 ES6.ES5 规范,扩 ...
- Typescript 笔记
// Typescript 安装.编译 // 在使用 npm 命令前 必须安装 node.js // 安装npm install -g typescriptcnpm install -g typesc ...
最新文章
- DICOM医学图像处理:Dcmtk与fo-dicom保存文件的不同设计模式之“同步VS异步”+“单线程VS多线程”...
- 4G(LTE)是如何实现智慧农业物联网的?
- 897. 递增顺序查找树-未解决
- yanobox nodes 3 Mac新一代点线粒子特效运动图形插件
- 看老外程序员如何向妻子解释OOD (转载)
- 已解决 selenium.common.exceptions.NoSuchElementException: Message: Unable to locate element 找不到元素的问题
- Unitest框架的使用(二)Unittest断言及应用
- [转载] python中的内置异常结构
- 卖菜201809-1
- Youtube视频传输规律
- 智能音箱里小度、小爱、天猫精灵哪个更加好?(下)
- 从零开始写第一个Flutter app(八)——修改主题颜色
- TI官方代码中的任务状态机
- 卷毛0基础学习Golang-并发编程-03 channel管道
- 上网行为管理如何应对mac地址克隆和IP盗用.
- 免费小红伞9.0在服务器中的安装办法
- 从足球说到鲁伯特之泪
- 第十章 光电传感器
- 逆战网络连接断开连接服务器超时_逆战服务器连接断开 与服务器连接断开的原因...
- 博客园9月份第4周51Aspx源码发布详情