初识(typescript) -- ts

ts中文档

下载安装/编译

npm install -g typescript

cnpm install -g typescript

yarn global add typescript

在控制台输入 tsc -v 可以看到版本号，则安装成功

现阶段浏览器不支持ts语言需要转译为js

在当前项目控制台输入 tsc – init 初始化生成tsconfig.json文件，在此配置文件’outDir’:‘/.js’ ，取消注释 ，将ts文件转到js文件

项目内导航栏终端 》 运行任务 》 typescript 》tsc:监视

完成以上步骤，即可实现编写ts问价 自动保存文件并转化为js文件

数据类型

字符串

 let str:string = 'hello world'
 console.log(str);

: 数字

let num:number = 123
console.log(num);
num = 123.5

: 布尔

let boo :boolean = true
console.log(boo);

: 数组

//第一种方式 
// let arr :number[] = [1,2]

// 第二种方式
let arr :Array<number> = [1,2]
console.log(arr);

: 元组（可以指定数组内元素的类型）

let arr:[string , number , boolean] = ['aa',3.14,true]
console.log(arr);

: 枚举 （标识状态和固定值）

 enum state {success = 1 , error = -1}

 enum color {success  , error }
 //若没有赋值，默认是对应的索引(0,1,……);
 //若前一个属性赋值了，后一个没有赋值，后一个则在前一个值的基础上加一
	
 var f:state = state.success

 console.log(f)

: 任意类型 any

 var num:any = '123'

    num = 123

    console.log(num)

: null 和 undefined

let num : number | undefined | null;

num = 3
// or
num;
// or
num = null
console.log(num)

: void 修饰方法，方法没有返回值

function fn () :void{
    console.log('方法没有返回值')
}

: never 其他类型包含null 和 undefined

let num :never;

num = (()=>{
    throw new Error('错误')
})()

这个never用的少，我也不明白，请斧正