ECMAScript 6

概念

ECMAScript 6 简称 ES6

为什么要学习ES6?

1. ES6 是 JavaScript 的下一个版本标准，诞生于2015年6月份。ES6 的主要目的是为了解决 ES5 的先天不足。
2. ES6 的终极目标是为了使 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

ES6初体验

接下来带大家领会一下ES6的初体验，初体验并不要求大家能学会，仅体验。

初体验一

我们想实现一个简单的需求：使 a b c 分别等于 1 2 3

来对比一下ES6前后的写法

传统写法

		var a = 1;
        var b = 2;
        var c = 3;
        console.log(a,b,c); //1 2 3 

这种写法虽然也能实现需求，但是可以看出很繁琐

ES6写法

        var [a,b,c] = [1,2,3];
        console.log(a,b,c); //1 2 3 

可以看出ES6写法更加简单，直接把右边的值依次赋值给左边

初体验二

将数组arr去重复

var arr = [1, 2, 1, 1, 3, 3, 5, 7, 5];

传统写法

        // 数组去重传统写法
        var arr = [1, 2, 1, 1, 3, 3, 5, 7, 5];
        // 先定义一个新数组
        var newArr = [];

        for (var i = 0; i < arr.length; i++) {
            // 如果新数组里没有值就存值，如果有值就略过
            if(newArr.indexOf(arr[i]) === -1){
                newArr.push(arr[i])
            }
        }

        console.log(newArr); //[1, 2, 3, 5, 7]

ES6写法

        var arr = [1, 2, 1, 1, 3, 3, 5, 7, 5];
        console.log([...new Set(arr)]);

可见传统写法非常繁琐，而ES6写法仅需两行代码就能搞定。

这就是ES6的强大之处！如果文章对你有所帮助，希望能给我点上一个免费的关注！谢谢Thanks♪(･ω･)ﾉ🌹