什么是 TypeScript
添加了类型系统的 JavaScript,适用于任何规模的项目。
TypeScript 是静态类型,指编译阶段就能确定每个变量的类型,在编译阶段就会进行类型检查。TypeScript 是弱类型,允许隐式类型转换。TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性,所以它们都是弱类型。
console.log(1 + '1');
// 打印出字符串 '11'
可以将数字1隐式转换为字符串1再拼接成字符串11
Python 是强类型,以下代码会在运行时报错
print(1 + '1')
# TypeError: unsupported operand type(s) for +: 'int' and 'str'
若要修复该错误,需要进行强制类型转换:
print(str(1) + '1')
# 打印出字符串 '11'
- TypeScript 是添加了类型系统的 JavaScript,适用于任何规模的项目。
- TypeScript 是一门静态类型、弱类型的语言。
- TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性。
- TypeScript 可以编译为 JavaScript,然后运行在浏览器、Node.js 等任何能运行 JavaScript 的环境中。
- TypeScript 与标准同步发展,符合最新的 ECMAScript 标准
TypeScript运行环境搭建
TypeScript目前的运行环境只有DEno(可以运行JS也可以运行TS),而在项目中的TS代码都是通过打包工具的加载插件将TS代码转换为JS代码然后在node.js或者浏览器中运行的。
全局安装 typescript(微软公司发布的转码器,把TS代码转换为JS代码,就可以在node.js的环境中运行TS代码转换的JS代码)
需要先安装node.js
1.安装
npm install -g typescript
2.查看版本
tsc -v
3.创建tsconfig.js文件
tsc --init
TypeScript运行步骤:需要先编译为JS代码才能运行,运行的是转码后的JS代码
//创建app.ts 文件
const hello : string = "Hello World!";
console.log(hello);
//编译进入app.ts文件所在目录,执行命令
tsc app.ts
//运行
node app.js
也可以安装全局的ts-node模块自动编译成js文件直接运行
npm install -g ts-node
直接执行ts文件
ts-node app.ts
let a:number=26;
let hello:string='hello TS';
console.log(a);
console.log(hello);
vscode自动编译:
1.tsc --init(生成配置文件)
2.修改配置文件tsconfig.json:outDir字段名表示ts文件最终编译的js文件所存放的位置;strict字段名false表示不开启ESlint严格模式语法检查;target字段名表示ts文件编译的ES语法是ES5还是ES6
3.启动监视任务:终端->运行任务->监视tsconfig.json