修真院小课堂【JS-11】

成都小课堂【es6有哪些新特性？】

分享人:吴彦澄

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

2016年6月，小幅修订的《ECMAScript 2016 标准》（简称 ES2016）如期发布。由于变动非常小（只新增了数组实例的includes方法和指数运算符），因此 ES2016 与 ES2015 基本上是同一个标准，都被看作是 ES6。根据计划，2017年6月将发布 ES2017。

2.知识剖析

特性一：箭头函数

                
ES6写法

                    var array = [1, 2, 3];
                    array.forEach( arr=> console.log(arr));                
                
传统写法

                    var array = [1, 2, 3];
                    array.forEach(function(arr) {
                        console.log(arr);
                    });                
            

特性二：类(Class)

使用类来作为对象的模板,通过构造函数constructor()生成的对象可以更加直观

                
                    class myObject {
                        constructor(x, y) {
                            this.x = x;
                            this.y = y;
                        }
                        // 在这里调用其方法就可以了
                    }                
            

继承可以通过 extends 关键字产生父类模板

特性三：字符串模板

                
直接使用变量名而不使用+号

                    console.log("小明的：生日是" + birthday + "日" + "今年他已经" + currentAge + "岁了")                
                
                    console.log(`小明的：生日是${birthday}日,今年他已经${currentAge}岁了`)                
            

使用这种方法你可以无需担心在同一段内容里使用引号或者是双引号造成的冲突

特性四：let与const 关键字

可以把let看成var，只是它定义的变量被限定在了特定范围内才能使用，而离开这个范围则无效。const则很直观，用来定义常量，即无法被更改值的变量。

3.常见问题

4.解决方案

可以使用typescript转换成ECMAScript5,所以你无需担心他的兼容性

5.编码实战

传送门

6.扩展思考

那么既然ECMAScript6可以转换成ECMAScript5那么ECMAScript5可以转成ECMAScript6吗?

7.参考文献

参考一：ES6新特性概览

参考二：ECMAScript 6入门-阮一峰

8.更多讨论

答案揭秘

鸣谢

感谢大家观看

BY : 吴彦澄