深入浅出 TypeScript| 青训营

84 阅读2分钟

随着前端框架的发展,Vue3.0正式更新后也将开始推荐优先使用TypeScript,作为JavaScript的超集,微软的TypScript为JavaScript提供了太多新的开发的内容,虽然本质上最终还是JavaScript,但整体的开发模式将发生很大的变化。

1、 安装

typescript的编译是基于nodejs的编译实现,因此,我们需要安装的typescript才能实现typescript的编译效果。 npm install -g typescript 或者yarn install -g typescript 当然,我们同样推荐使用cnpm进行安装,国内安装会更快速边便捷。

2、 使用

typescript安装后,我们将拥有一个命令 tsc,了解Java的同学一定知道javac,不同在于tsc是将ts编译为js的命令。 tsc ts文件名 通过这个命令,我们可以快速的搞定ts代码的编译,然后得到对应的js代码。

3、 基础语法

1、TypeScript基础类型 任意类型 any :声明为 any 的变量可以赋予任意类型的值 数字类型 number:双精度 64 位浮点值。它可以用来表示整数和分数 字符串类型 string:一个字符系列,使用单引号(’)或双引号(")来表示字符串类型。反引号(、)来定义多行文本和内嵌表达式 布尔类型 boolean:表示逻辑值:true 和 false 数组类型 :声明变量为数组 元组类型:用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。 枚举类型 enum:枚举类型用于定义数值集合 void void:用于标识方法返回值的类型,表示该方法没有返回值 null 表示对象缺失 undefined 初始化变量为一个未定义的值 never never 其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值 2、位运算符 & 两个相应的二进位都为 1,该位的结果值才为 1,否则为 0。 | 两个相应的二进位中只要有一个为 1,该位的结果值为 1。 ~ 取反,使数字 1 成为 0,0 成为 1。 ^ 异或,如果某位不同则该位为 1,否则该位为 0。 << 左移,<<左边的运算数的各二进位全部左移若干位 0101 << 1 => 1010 (>> 右移,>>左边的运算数的各二进位全部右移若干位 0101 >> 1 => 0010) ( >>> 无符号右移,与有符号右移位类似,左边一律使用0 补位。 0010 >>> 1 => 0001) 3、函数参数 可选参数使用问号标识 ? lastName?: string 可选参数必须跟在必需参数后面 参数不能同时设置为可选和默认 剩余参数语法允许我们将一个不确定数量的参数作为一个数组传入 …restOfName: string[] 匿名函数 :const res = function( [arguments] ) { … } 构造函数 :const res = new Function( [arguments] ) { … }) 箭头函数 :([param1, parma2, …param n]) => statement;