介绍ECMAScript6.0（以下简称ES6）是JavaScript语言的下一代标准，于2015年6月正式发布，其目标是让JavaScript语言能够用于编写复杂的大型应用，成为企业级的开发语言。今天我们就来讲解一下ES6中引入的新语法特性。ECMAScript与JavaScript的关系1996年11月，JavaScript的缔造者Netscape决定将JavaScript提交给国际标准化组织ECMA。1997年，ECMA发布了第262号标准文件ECMAScript1.0。ECMAScript和JavaScript的关系是前者是后者的规范，后者是前者的实现。先来看看ECMAScript的发布历史：从2015年发布ES2015，也就是ES6开始，ECMAScript一直以每年一个版本的速度发布到ES2020。在接下来的文章中，我们将解释这些新版本的ECMAScript的新特性。let和constES6引入let和const就是为了解决之前var变量的各种问题。在ES6之前，JS中的变量有两种作用域：全局作用域和函数作用域。全球范围很好理解。当我们开始在浏览器控制台或Node.js交互式终端中编写JavaScript时，我们就进入了所谓的全局范围。全局范围内的变量可以在任何其他范围内访问。函数作用域是定义在函数内部的变量，可以在函数内部访问。这两个作用域都存在一些问题：变量提升var命令会造成“变量提升”，即变量在声明之前就可以使用，并且值为undefined。//varconsole.log(foo);//输出未定义的varfoo=2;变量覆盖当我们在函数作用域中使用全局变量时，如果在函数作用域中定义了同名变量，那么无论定义在何处，全局变量都会被覆盖。如下：vartmp=newDate();函数f(){console.log(tmp);if(false){vartmp="你好世界";}}F（）;//undefinedvariableleak变量泄漏是指我们只想在一个小范围内使用变量，结果泄漏出范围，如下：vars='hello';对于(vari=0;ix*x);//相当于Array.from(arrayLike).map(x=>x*x);Array.from([1,2,3],(x)=>x*x)//[1,4,9]Array.of方法可以轻松创建一个新数组：Array.of(3,11,8)//[3,11,8]Array.of(3)//[3]Array.of(3).length//1Array()//[]Array(3)//[,,,]Array(3,11,8)//[3,11,8]#函数的ES6扩展可以支持函数的默认值：functionlog(x,y='World'){console.log(x,y);}函数点（x=0，y=0）{this.x=x;这个.y=y;}函数默认值可以与解构默认值结合使用：functionfoo({x,y=5}){console.日志（x，y）；}foo({})//undefined,5foo({x:1})//1,5foo({x:1,y:2})//1,2foo()//类型错误：无法读取property'x'ofundefined接下来，让我们看一个复杂的例子：//方法一functionm1({x=0,y=0}={}){return[x,y];}//方法二functionm2({x,y}={x:0,y:0}){return[x,y];}我们来看看，上面两种写法有什么区别？当函数没有参数时：m1()//[0,0]m2()//[0,0]当x和y都有值时：m1({x:3,y:8})//[3,8]m2({x:3,y:8})//[3,8]当x有值但y没有值时:m1({x:3})//[3,0]m2({x:3})//[3,undefined]当x和y都没有值时：m1({})//[0,0];m2({})//[undefined,undefined]m1({z:3})//[0,0]m2({z:3})//[undefined,undefined]看出区别了吗？m1的解构赋值x和y的默认值为0，而m2的解构赋值x和y没有默认值。>本文作者：flydean程序那些事儿>>本文链接：[http://www.flydean.com/ecmascript-6-startup/](http://www.flydean.com/ecmascript-6-startup/)>>本文来源：flydean的博客>>欢迎来到我的公众号：最通俗的《程序》解读，最深刻的干货，最简洁的教程，还有很多你不会的小技巧都知道等你去发现！
