vue之ES6基本語法(上)

1、let和const

let與var相同都是聲明變量的，不同之處是let是塊級作用域，var是全局的

例如

var a = [];

for(var i = 0 ; i < 10 ; i ++){

 a[i] =() =>console.log(i) //es6的箭頭函數 等同於 a[i] = function(){ console.log(i)}

}

輸出結果爲10

for(let i = 0; i < 10 ; i ++){

 a[i] = () => console.log(i)

}

輸出結果爲6

2、不存在變量提升

var可以直接聲明變量 如果沒有引用這個變量這值爲undefined

而let必須聲明之後纔可以引用 否則會報錯

3、不允許重複聲明

let聲明過得變量不允許再次聲明

4、箭頭函數

var a = (num1,num2) => a+num1*num2

等同於 var a = function(num1,mun2){ return a+num1*num2]

5、模板字符串

原生jquery拼接字符串比較繁瑣

需要+=+=+=這樣，操作太low

es6語法中直接可以用``兩個反引號直接拼接成一個字符串