TypeScript
# TypeScript
官方文档:https://www.typescriptlang.org/zh/docs/ TypeScript Tooling in 5 minutes (opens new window) 阮一峰推荐的入门教程:https://ts.xcatliu.com/ 慕课网免费教程: 2小时极速入门 TypeScript (opens new window)
使用原则:任何变量都声明类型、不到万不得已不要使用any,给你的对象声明接口。
# 一、为什么使用ts?
—更可靠:类型的定义和编译器的引入,可以避免JavaScript大多数runtime错误,更可靠,易维护; —更清晰:显式类型声明提升代码可读性,代码校验可以全部交给编译器负责; —更广泛:TypeScript是JavaScript的超集,可以在TypeScript代码中混合使用任何JavaScript库和代码。
Js 是一门动态弱类型语言,对变量的类型非常宽容,而且不会在这些变量和它们的调用者间建立结构化的契约。
使用 ts 的好处:
- 接口定义代替文档
- IDE能够提高开发效率,降低维护成本
- 重塑“类型思维”
# 二、什么是ts?
JavaScript 语言的超集。
# 2.1 类型检查
ts 会在编译代码时进行严格的静态检查,这意味着可以在编码阶段发现可能存在的隐患,而不必把它们带到线上。
# 2.2 语言扩展
ts 会包括来自 ES6 和未来提案中的特性;也会从其他语言借鉴某些特性,比如接口和抽象类。
# 2.3 工具属性
ts 能够借助 tsc 或 babel 编译成标准 js,,无需任何运行时的额外开销。
# 三、项目管理trick
npm init
npm install --save-dev lite-server // 轻量级服务器
npm run lite-server // 实现tsc编译完成后,不需要刷新浏览器,就可以显示最新代码
// 执行文件
tsc index.ts
node index.js
1
2
3
4
5
6
7
2
3
4
5
6
7
- 正常情况下, node 不可以直接运行 .ts 文件;
- 但是,如果你写的 .ts 文件中代码全部是原生 js 代码,没有任何 ts 特有的功能,就可以当作 .js 文件正常执行!