~喜欢 的小伙伴 点个赞呗 ♥~
一、介绍
TypeScript是JavaScript的超集,就是JS有的TS都有,TS比JS多了类型系统,使项目更加严谨,性能优化更好。
相比JS的优势
总之,TS是趋势
二、安装
安装使用
TS 的命令行工具安装方法如下:
npm install -g typescript
安装完成后检查是否安装成功:
tsc -v
创建运行
- 创建一个后缀名为.ts的文件,在.ts文件中书写ts代码
- 使用tsc工具将ts代码编译为浏览器、node.js识别的js代码(编译命令为:tsc xxx.ts)
- 在浏览器或者node.js中执行js代码
由于每次写完后都要使用tsc工具编译成js代码再执行,步骤过于繁琐,可以使用以下方法简化
简化办法
安装一个工具:ts-node
命令:npm install -g ts-node
作用:自动将ts代码转换为js代码,并将其在nodejs中执行
使用:ts-node ts文件名
怎么样?是不是灰常奈斯
三、数据类型
TS语法规定:
在声明变量的时候,必须要指定变量的类型,在为变量赋值时,赋值的数据类型必须和变量的类型一致
声明变量
let 变量名:变量类型;
let age: number;
let name: string;
常用的数据类型
number / string / boolean / undefined / null
-
undefined:表示声明但未赋值的变量值(找不到值)
let u: undefined; console.log(u) // undefined
-
-
null:表示声明了变量并已赋值,值为null (能找到,值就是null)
-
注:
1、在JavaScript中,undefined 与nulI都是变量的值,undefined代表一个未初始化的变量的值,
null 代表变量指向1个空对象
2、如果一个变量的类型是undefined类型,那么这个变量的值只能取undefined
undefined类型赋值与否都为undefined, null赋值为null, 不赋值为undefined
3、如果一个变量的类型是nulI类型,那么这个变量的值只能取null
因为undef ined和null是其它类型的子类,所以这两个变量的值可以赋值给其它类型的变量
联合类型
四、运算符
算术运算符
自增、自减
比较运算符