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>

 

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