06-ES 6基础知识

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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章