typescript中的数据类型,文章一

4 篇文章 0 订阅

1.全局安装typescript

npm install -g typescript

2.当前文件目录运行ts文件,编译成js文件

tsc hello.ts

在这里插入图片描述

3.typescript 开发工具vscode,监听ts,保存代码自动编译成js文件

1.在当前文件目录输入tsc --init命令,生成配置文件

tsc --init

在这里插入图片描述
2.修改配置文件
在这里插入图片描述
3.运行任务,选择监听tsconfig.json,这样就可以随写随编译
在这里插入图片描述

typescript 数据类型

typescript中为了使编写的代码更规范,更有利于维护,增加了类型校验

布尔类型(boolean)
数字类型(number)
字符串类型(string)
数组类型(array)
元组类型(tupel)
枚举类型(enum)
任意类型(any)
null 和 undefined 类型
void类型
never类型
// 布尔类型(boolean) 规定只能赋值true或false
var flag:boolean = true
// 数字类型(number)规定只能赋值数字
var num:number = 123
// 字符串类型(string)规定只能赋值字符串
var str:string = 'string'
// 数组类型(array)ts 定义数组的3种方式,要定义数据类型数组
var arr:number[] = [1, 2, 3] // 指定数组里面的数据都是number类型

var arr:Array<string> = ['a', 'b', 'c'] // 指定数组里面的数据都是string类型

var arr:Array<any> = [1, 'a', true] // 指定数组里面的数据可以是任意类型
// 元组类型(tupel)属于数组的一种
// 指定数组的每一个位置的数据类型
var arr:[number, string] = [123, 'str']
// 枚举类型(enum)让数据状态码更直观
enum 枚举名 {
	标识符号 = 整型常数,
	标识符号 = 整型常数,
	标识符号 = 整型常数
}
// 后台接口返回的状态码一般都是1标示成功,0标示失败
// 大多数人都会写注释
// 假如有一个支付状态码
// pay_state 1:success, 0:error, 2:cancel
enum State {
	success = 1,
	cancel = 2,
	error = 0
}
let s:State = State.success
console.log(s) // 输出1 如果枚举没有值,那么会输出标示符的下标
// 任意类型(any)任意类型就是可以输入任意类型数据
var val:any = 123
var val:any = 'str'
var val:any = true
var el:any = document.getElementById('id') // 获取元素时可以用any类型
// null 和 undefined 类型
// 定义变量没有赋值时会报错 可以用null 和 undefined 
var val:undefined
var val:null
console.log(val) // 输出undefined或null

// 定义未赋值 可能是个undefined或number类型
var val:number | undefined
// void类型 typescript中void表示没有任何类型
// 一般用于定义方法的时候没有返回值
function fn():void {}
// never类型 (never)是其它类型(包括null和undefined) 的子类型,代表从不会出现的值
// 这意味着声明never的变量只能被never类型赋值
// 这个类型一般用不到
var val:undefined
val = undefined

var val:never
val = (() => {
  throw new Error('错误')
})()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值