TS 简介

180 阅读2分钟

什么是 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);

image.png

vscode自动编译:

1.tsc --init(生成配置文件)
2.修改配置文件tsconfig.json:outDir字段名表示ts文件最终编译的js文件所存放的位置;strict字段名false表示不开启ESlint严格模式语法检查;target字段名表示ts文件编译的ES语法是ES5还是ES6
3.启动监视任务:终端->运行任务->监视tsconfig.json