<meta charset="utf-8">
typescript安装编译运行
- 安装全局的typescript,
npm install -g typescript
(只需要安装一次) - 编译
方式一:
根目录下执行 tsc index.ts( index.ts为要转换为js的文件),此时可以看到文件下多了一个index.js的文件
方式二:vscode下编译
1.根目录下运行
tsc --init
创建tsconfig.json
文件
2.点击菜单 任务-运行任务 点击tsc:监视-tsconfig.json 然后就可以自动生成代码
3.下图中红框代码需要打开 后边路径为要保存的位置
数据类型
TS中为了使编写代码更规范,更有利于维护,增加了类型校验,在Typescript中主要给我们提供了以下数据类型
布尔类型:
数字类型
字符串类型
数组类型
第一种定义方式:
错误方式:
正确方式:
第二种定义方式
var a:Array<number> = [0, 8]
元组类型
元组类型可以给数组中每一个位置指定一个类型
// 元组类型可以给数组中每一个位置指定一个类型
var array:[number,string] = [1,'23']
枚举法
常用语状态的获取
// 枚举法
enum Flag{success=1,fail=2}
let f:Flag=Flag.fail
console.log(f) // 2
// 如果标识符没有赋值则打印出他的下标
enum Color { red, blue, 'orange' }
let c:Color=Color.orange
console.log(c) // 2
任意类型
类似于ES5中的不指定类型
// 任意类型
var any:any
any = '222'
any = 222
any = false
console.log(any) // false
null 和undefined
// 写法一报错:
// var un:number
// console.log(un) // 报错
// 写法二
var un:undefined
console.log(un) // 输出undefined
// null类型
var un:null
void类型
表示没有任何类型,一般用于定义方法的时候方法没有返回值
// ES5写法
function run() {
console.log('run')
}
run() // run
function run1():number{
return 1
}
let runR = run1()
console.log(runR) // 1
function run2():void{
console.log('run')
}
run2() // run