ES6新特性概览

待我称王封你为后i 2022-04-25 08:14 299阅读 0赞

ES6是5.1版以后的JavaScript的下一代标准，涵盖了ES2015、ES2016、ES2017等等，ES2015是它的正式名称，特指该年发布的正式版本的语言标准。  
ES6 提供的许多新特性并不是所有的浏览器都完美支持。好在目前各大浏览器自身也加快速度兼容 ES6 的新特性，其中对 ES6 新特性最友好的是 Chrome 和 Firefox 浏览器，各浏览器对ES2015/ES6的支持情况。  
[各浏览器对ES2015/ES6的支持情况（桌面端、移动端、以及服务器）][ES2015_ES6]  
这样问题来了，浏览器对ES6的支持差异这么大，那么我们的应用怎么能使用ES6,而兼容尽量多的浏览器呢？  
针对 ES6 的兼容性问题，很多团队为此开发出了多种语法解析转换工具，把我们写的 ES6 语法转换成 ES5，比较通用的工具方案有 babel，jsx，traceur，es6-shim 等。  
以babel为例，在b[abel官网][abel]上说的很清楚，Babel 是一个 JavaScript 编译器，Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70]  
从现在开始，来看看ES6的新特性吧!

## [ES6 声明和表达式][ES6] ##

*  新的变量声明方式 -let/const
 *  新增了块级域
 *  新的赋值方式-解构赋值

## [ES6字符串的扩展][ES6 1] ##

*  模板字符串
 *  新增的方法

## ES6数组的扩展 ##

## ES6对象的扩展 ##

## 数组的扩展 ##

## 新增的Set 和 Map 数据结构 ##

## 遍历器Iterator 和 for…of 循环 ##

## ES6函数的扩展 ##

*  [箭头函数][Link 1]

## ES6异步编程 ##

*  Promise对象
 *  generator函数
 *  async 函数

## ES6中的类Class ##

## Modules 模块化 ##

[ES2015_ES6]: https://www.hangge.com/blog/cache/detail_1692.html
[abel]: https://www.babeljs.cn/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70]: /images/20220125/d2024d9342b44edfb17444d503981338.png
[ES6]: https://blog.csdn.net/dreamingbaobei3/article/details/101204898
[ES6 1]: https://blog.csdn.net/dreamingbaobei3/article/details/101425819
[Link 1]: https://blog.csdn.net/dreamingbaobei3/article/details/101448642