ES6基础了解

一，ES6

ES6 是 ECMAScript 标准十余年来变动最大的一个版本，为其添加了许多新的语法特性。

二，let,const

对于在没学ES6之前我们声明变量都是用var来声明，而用var声明有个坏处，就是会声明提前。
但是let和const这个种声明方式不会出现声明提前，如果强行输出，会输出一个临时性的死区
比如下面的代码演示：

<script type="text/javascript">
	  	 console.log(a,b);
	  	 let a = 1;
	  	 const b = 2;
	  </script>

控制台:

同时let和const还有一些和var 不同的地方，比如它们两个声明都不会挂在哦window上，新增一个块级作用域，都不能重复声明一个变量，并且const声明的变量不允许修改，并且不允许修改存储空间。

在一些面试题里面需要输出一个数组里所有的数，如果用var 声明的变量就必须要用立即执行函数去解决；代码如下：

 <script type="text/javascript">
	  	var arr = [1,2,3,4,5];
	  	for(var i = 0 ; i < arr.length; i++){
	  		(function(i){
	  			console.log(arr[i])
	  		})(i)
	  	}
	  </script>

但是如果用let就可以完美去解决这个问题
代码如下：

<script type="text/javascript">
	  	let arr = [1,2,3,4,5]
	  	for(let i = 0; i < arr.length; i++){
	  		console.log(arr[i])
	  	}
	  </script>

三，字符串

平常我们用输出语句的时候，都是用console.log(’’)，要输出什么数据的通过+来拼接，过程很繁琐，很浪费时间，ES6出来套基本字符串格式化，以前通过+拼接的,现在可以用${}来表示，
代码如下：

<script type="text/javascript">
	  	const a = 'aa';
	  	const b = 'bb';
	  	//以前的写法
	  	console.log(a + b)
	  	//ES6写法
	  	console.log(`${a}${b}`)
	  </script>

同时在这个字符串模板里面可以实现各种换行，只用在内部写就行了，不用添加换行符
代码如下：

 <script type="text/javascript">
	  	 console.log(`aa
	  	 	          bb
	  	 	          cc`)
	  </script>

四，函数

ES6给函数的修改，是添加了函数的默认值，在定义函数的就初始化了这个函数，以便参数没有被传递时使用，
代码如下

 <script type="text/javascript">
	  	  function fun(num = 10){
	  	  	console.log(num);
	  	  }
          fun();
	  </script>

另外ES6还推出了新的一套函数，箭头函数，极简了函数的写法，这个箭头函数有以下几个特点

1. 不需要 function 关键字来创建函数
2. 省略 return 关键字
3. 继承当前上下文的 this 关键字

同时函数有且仅有一个参数的时候，是可以省略掉括号的。当你函数返回有且仅有一个表达式的时候可以省略{} 和 return；