ES6新特性详解-优快云博客

ES 6

let 是更完美的 var（设计上有缺陷）
let 有块级作用域；var 没有块级作用域
Es 5之前因为if和for都没有块级作用域的概念，所以在很多时候，我们都必须借助于functon的作用域来解决应用外面的变量
Es 6 加入let，它是有if和for块级作用域

ES 5 中没有使用闭包

ES 6 const 常量，不可以再次付值，建议：在ES6开发中，优先使用const，只有需要改变某一个标识符的时候才使用let

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>title</title>
</head>
<body>
	
		<button>按钮1</button>
	        <button>按钮2</button>
		<button>按钮3</button>
		<button>按钮4</button>
		<button>按钮5</button>
	
<script src="../js/vue.js"></script>
<script>
	
	 const btns=document.getElementsByTagName('button')
	 for (let i=0;i < btns.length ; i ++) {
	 	btns[i].addEventListener('click',function(){
	 		 console.log('第'+i+'个按钮被点击')
	 		})
	 }
</script>

</body>
</html>

ES 6 增强性写法

<script>
	
	<!-- 1.属性的增强写法-->
	 const name='why';
	 const age= 18;
	 const height =1.88
	 <!-- ES 5 使用-->
	 const obj={
	 	name：name,
	 	age:age,
	 	height:height
	 }
     const objFunES5={
	 	run:function(){

	 	},
	 	eat:function(){
	 		
	 	}
	 }
	<!-- ES 6 使用-->
	 const obj={
	 	name,
	 	age,
	 	height
	 }
	 const objFun={
	 	run(){

	 	},
	 	eat(){

	 	}
	 }

</script>