typescript | 青训营笔记

58 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第10天

既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。——康德

typescript 是一款编程式语言(微软开发的)

typescript式Javascript的超集,遵循了最新的ES6、ES5的规范,typescript扩展了JavaScript的语法

这个语言添加了可选的静态类型和基于类的面向对象的编码,通俗的理解就是js的一个特殊版本,适用于大型的项目开发

谷歌在大力的支持并推广ts,angular2.x 也是基于typescript

最新的vue和react也集成了ts

nodejs框架中的next.js midway也用了ts

安装和编译

安装

npm install -g typescript

编译

tsc xx.ts

自动编译: 创建配置文件 tsconfig.json

tsc --init

修改配置文件 编译选项 · TypeScript中文网 · TypeScript——JavaScript的超集

"outDir": "./js", 执行编译

终端——运行任务——typescript——监视

基础数据类型 1、boolean

最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做 boolean(其它语言中也一样)。

​​​​​​​let 变量:boolean=值

2number

​​​​​​​let 变量:number=值

3、string ​​​​​​​let 变量:string=值

4Array ​​​​​​​ let 变量:Array=值

或者

let 变量:type[]=值

** 5、元组 Tuple(数组)** 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同 let 变量:[type1,type2,,,]=值

6、枚举 enum

enum 名称{ 属性名1, 属性名2, ,,, }

enum 名称{ 属性名1=值1, 属性名2=值2,//值默认为下标 ,,, }

7、any

有时候,我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自于动态的内容,比如来自用户输入或第三方代码库。 这种情况下,我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用 any类型来标记这些变量

let 变量:any=值

8object

​​​​​​​let 变量:object=值

9null和undfined

​​​​​​​ let 变量:null=null

let 变量:undfined 或 let 变量:undfined=undfined 或 let 变量:类型|undfined

10void

没有任何类型。 当一个函数没有返回值时使用 let 变量:void

function 函数():void{}