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>