TypeScript
TypeScript是一种由微软开发的开源、跨平台的编程语言。它是js的超集,最终会被编译为js代码。
安装命令:npm install -g typescript
检查版本:tsc -V
手动编译代码
新建一个first.ts
var str:string = 'uu盘'
console.log(str)
将first.ts引入index.html文件中:
<script src="./first.ts"></script>
浏览器会报错:
我们将first.ts中的代码改成:
var str = 'uu盘'
console.log(str) 此时可以正常输出:uu盘
我们也可以直接将ts文件转换成js
在终端中输入 tsc first.ts,就会自动生成一个js文件,将js文件引入index.html中运行到浏览器即可。
我们发现如果直接引入ts文件,浏览器会报错,但是如果引入的ts文件只有单纯的js语法代码,也是可以正常使用。
vscode自动编译
1)、生成配置文件tsconfig.json
tsc --init
2)、修改tsconfig.json配置
"outDir": "./js" // 把ts文件最终编译后放在js的目录中
"strict": "false" // 不使用严格模式
3)、启动监视任务
终端 -> 运行任务 -> 监视tsconfig.json
基础类型
语法:let 变量名:数据类型 = 值
注意:在ts中一开始是什么类型,后期赋值的时候,不允许用其他类型的数据赋值给当前这个变量