TypeScript实例讲解（一）TypeScript 是 JavaScript 的一个超集，扩展了 JavaScrip

TypeScript 是 JavaScript 的一个超集，扩展了 JavaScript 的语法，并且支持 ECMAScript 6 标准。

优点一：TS的静态类型可以规避一些编码问题

// 普通JavaScript
// 定义一个函数
function jsTotal(data) {
    return data.x + data.y
}
// 调用函数
jsTotal()  // 没有传参，编辑器中不会报错，运行代码时才报错

上面是通过普通 JavaScript 编写的代码，代码其实有错，但是在编辑器中并不会体现出来，要在浏览器中运行时才会报错： Cannot read property 'x' of undefined。

// TypeScript
// 同样定义一个函数
function tsTotal(data: { x: number, y: number }) {
    return data.x + data.y
}

tsTotal()   // 编辑器中会标红提示报错

TypeScript 在编写代码时就能发现错误，上面的代码中调用函数时没有传参，编辑器会提示错误：Expected 1 arguments, but got 0。

当然远不止这个例子中的优点，还有：
优点二：代码提示更友好。
优点三：TS 代码更容易阅读，而JS需要深入代码逻辑才能知道参数的含义。
优点四：...

Node 建议安装长期稳定的版本，安装方法比较简单，而且作为前端开发者应该经常安装，这里就不赘述了。

运行命令：npm install typescript -g

TypeScript 代码无法直接在浏览器中运行，所以需要我们先对 TypeScript 文件进行编译，也就是把 ts 文件转换为 js 文件。
运行命令：tsc xxx.ts

其中 xxx 代表文件名，编译后会新增一个同名js文件。通常我们会用Node运行编译后得到的js文件：
运行命令：node xxx.js

大家可能会觉得每次运行代码都会执行两次操作，比较麻烦。那接下来介绍一种简单的方法。前提是需要全局安装 ts-node 工具。
运行命令：npm install ts-node -g

现在就可以直接通过 ts-node xxx.ts 命令运行 TypeScript 代码了。

到这里 TypeScript 的环境就搭建好了，可以开始编码工作了。