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
  1. 正常情况下, node 不可以直接运行 .ts 文件;
  2. 但是,如果你写的 .ts 文件中代码全部是原生 js 代码,没有任何 ts 特有的功能,就可以当作 .js 文件正常执行!