23、ES6、TypeScript 与外部 D3.js 库的使用与实践

ES6、TypeScript 与外部 D3.js 库的使用与实践

1. ES6 与 TypeScript 简介

ES6 在现有 JavaScript（ES5）基础上提供了更多特性和语法糖，过渡较为平滑，不会从根本上改变语言，只是让 JavaScript 开发更便捷。不过，现代浏览器对 ES6 的支持尚未达到 100%，因此需要对代码进行预处理，将其转换为可在任何浏览器中运行的 JavaScript 代码。

TypeScript 是 JavaScript 的超集，它为 JavaScript 添加了对象类型，能在编译时捕获更多错误，并在编辑器中提供更好的代码补全功能。与 ES6 一样，TypeScript 代码也需要转换为 JavaScript 才能在浏览器中运行。但不同的是，即使未来现代浏览器完全支持 ES6，TypeScript 也始终需要进行转换。TypeScript 紧密遵循 JavaScript 规范，使得从 JavaScript 过渡到 TypeScript 变得非常容易，之前 ES6 的示例同样适用于 TypeScript，并且 TypeScript 还具备类型和类型检查的优势。

2. 开始使用 TypeScript

为了快速上手 TypeScript，我们可以使用一个简单的示例项目。该项目位于 <DVD3>/chapter - 09/ts/ 目录下，包含了启动所需的所有配置。我们使用 webpack 来处理所有的编译和转换工作。

操作步骤如下：
1. 进入 <