01 - 入门.md

01 - 入门

什么是 TypeScript ？

TypeScript 不是一门新的语言，而是在 JavaScript 的基础上诞生的。它在 JavaScript 的基础上添加了新的特性和优点，让我们在编写 JavaScript 代码候更容易，并且更强大。但是 TypeScript 不能在 JavaScript 的环境下运行，例如浏览器等。但是我们可以使用一些工具把 TypeScript 编译成 JavaScript，所以我们编写的 TypeScript 代码最终还是以 JavaScript 代码去运行.

为什么使用 TypeScript ？

假设我们有以下例子：

function add(num1, num2) {
  return num1 + num2;
}

console.log(add('2', '3'));

在这个例子中，编写了一个 add 方法，我们的本意是想求两个数的和，但是在调用的时候传入了两个字符串类型的数字，那么会返回 23，而不是 5。因为 add 方法的参数类型没有指定，可以是数字类型，也可以传字符串类型。这在实际开发中是有可能出现的，例如在网页中让用户输入两个数，然后求这两个数的和，我们直接从 input 控件拿到的值是字符串类型，直接相加的话就会得到不是我们想要的结果。

要想修复这个问题，我们可以把代码改为：

function add(num1, num2) {
  if (typeof num1 === 'number' && typeof num2 === 'number') {
    return num1 + num2;
  } else {
    return +num1 + +num2;
  }
}

如果我们使用 TypeScript，就可以指定参数的类型：

function add(num1: number, num2: number) {
  return num1 + num2;
}

所以，我们可以看到使用 TypeScript 能让我们提前发现问题，并且有了类型的概念能让代码更清晰。

安装和使用

安装

1. 安装 node.js
2. npm install -g typescript

使用

1. 编译 ts 文件: tsc example.ts

IDE

推荐使用 Visual Studio Code

常用插件:

• ESLint
• TSLint
• Material Icon Theme
• Path Intellisense
• Prettier - Code formatter