JavaScript ES6-重点纪录 系列总集

这个系列是为了可以成为更好的前端工程师，所需要有的 JavaScript 技能，我把这些研究的重点都记录下来了。

ES6 从推出到现在已经过蛮久了，应用上也很成熟了，在许多 JS 前端或后端框架上都能普遍看到它的身影。将来写 JS 不管是前端还是后端，ES6 这些新特性真的是必备的技能了，所以事先好好地深入学习是必要的。

先来看看什么是 JavaScript ES6

ES6 的完整名称为 ECMAScript 6 ，这是 JavaScript 语言新一代的标準规範，在 2015 年 6 月正式发布。

ES6 其实是一个泛指的名词，泛指 ES5.1 版以后的新一代 JavaScript 语言标準，涵盖了 ES2015, ES2016, ES2017 等等，ECMAScript 2015 (简称 ES2015) 则是正式名称，特别算是该年度发布的语言标準，也就是 ES6 语言标準。

ES6 提出了许多新的语法与特性，甚至扩充更多 API 可以更容易使用，使得 JavaScript 变得更强大，更适合用来写大型或複杂的应用程式！

重点记录 - 系列目录

语法的新特性

[ES6-重点记录] 宣告方式 let、const[ES6-重点记录] 解构赋值 Destructuring Assignment[ES6-重点记录] 取值迴圈 for…of[ES6-重点记录] 样板文字串 Template literals[ES6-重点记录] 扩展运算子 Spread Operator[ES6-重点记录] 函数中的预设参数 & Rest 参数[ES6-重点记录] 箭头函数 Arrow Function[ES6-重点记录] 物件语法糖的扩展

新的 API 语法

[ES6-重点记录] class 类别语法[ES6-重点记录] Symbol 资料类型[ES6-重点记录] Map 物件[ES6-重点记录] Module System 模组系统[ES6-重点记录] 其他的 API 与特性扩展

工具篇

[ES6-重点记录] 开发环境建置(上) - Babel 编译工具[ES6-重点记录] 开发环境建置(下) - ESLint 侦错工具

其他实用网站记录

以下都是我在研究学习期间所收集的实用网站，有些内容真的很不错，都可以点点看 :

线上网页程式码预览 & 编辑 (支援 ES6)

CodePenJS - BinJSFiddlePlunker

浏览器支援度查寻工具

ECMAScript6 compatibility tableCan I use... Support tables

其他实用工具

ECMAScript 6 — New Features: Overview & ComparisonBabel · The compiler for writing next generation JavaScript

文章参考资源

Javascript 开发者必须知道的 10 个新功能ECMAScript 6 入门从ES6开始的JavaScript学习生活
ES6 in DepthJavaScript ES6 介绍 - JavaScript (JS) 教学 TutorialJavaScript Developer Survey Results

后记

其实在研究这些内容期间都断断续续的，所以拖了这么久才完成它，有些网站又写得非常棒，很不想再重複写一次阿，但还是自己整理记录一次，以后想回头了解也比较有方向吧！

当然在 ES6 中还有蛮多东西可以介绍的，甚至是 ES7 新的 API 语法 async函数 & await，这基本上能够代替 ES6 的 Promise 物件来处理 JavaScript 非同步事件了，新的事物一直发展出来真的很厉害，学习的道路还要继续不断地往前走。

虽然写文章真的蛮累的，至少一路走来，检视到自己的成长与努力是值得的。

好了~ 如果有什么想说的或建议的，都欢迎大家留言给我喔！

此系列文章也同时发布在我的部落格中 :
https://visionyi.github.io/2018/01/25/ES6-series0-all/