嗨嗨嗨我是草頭黃小姐，今天要聊聊 ES6 的什麼內容呢？今天來跟大家聊聊箭頭函數，不曉得大家是否還記得前幾個章節有提到的 querySelector 呢？
忘了我來寫一次給你看看，接著我會給你看 ES6 的比較！

document.querySelector(`zone`).addEventListener(`click,function(evt){

console.log(`我被按了`)
})

還記得後面加上 call back funtion，代表要回傳我被按了的數值。

那 ES6 呢？

document.querySelector(`zone`).addEventListener(`click,(evt)=>{

console.log(`我被按了`)
})

有沒有發現 ES6 把 function 這段用掛號並且用箭號表示，兩種寫法都會出現一樣的結果。甚至如果你的程式碼比較單純，只有一個動作的話，可以有更簡單的寫法：

document.querySelector(`zone`).addEventListener(`click,evt=>console.log(`我被按了`))

雖然 ES6 的語法看起來蠻相對簡單，但如果碰到瀏覽器不支援呢？甚至是我們還有 ES7 和 ES8，我們其實會再做一個編譯工具，讓你的語法可以自動轉換。

這裡先點出這點可以讓大家知道，未來有機會碰到後端會有更有感覺。