最近學習vue,發現很多用法都不會了,雖然照貓畫虎可以跑起來,但是總感覺很朦朧,是是而非的感覺不太好,
聽說這些都是ES6的用法,所以決定要學習一下ES6
ES6
全稱:ECMASctipt 6
簡稱:ES6
是JavaScript語言的下一代標準(前一代標準是ES 3 嗎?),2015年就發布了,目標是使得JavaScript語言可以用于撰寫復雜的大型應用程式,成為企業開發語言,(野心好像不小),
ES6 和 JavaScript的關系
簡單的說,ES6是國際標準化組織 ECMA 定制的一套標準,JavaScript是一種實作方式,
ES6 和 ECMASctipt 2015 的關系
簡單的說,拿美劇舉個例子,ES6 可以理解為 第6季,ECMAScript 2015 相當于第六季的第一集,后面還有第二集(ECMAScript 2016)、第三集(ECMAScript 2017)等等,
這是一個“年更番”,每年六月份發布一個新版本,用年號標記,
ECMAScript的歷史
1997年:ECMAScript 1.0
1998年:ECMAScript 2.0
1999年:ECMAScript 3.0
2006年:ECMAScript 4.0 沒有通過
2009年:ECMAScript 5.0
2015年:ECMAScript 6.0
之后,版本號改用年號的形式,
Babel 轉碼器
簡單的說,這是一個翻譯器,把瀏覽器不能直接支持的ES6的語法,變成瀏覽器可以只是識別的語法,
比如把
input.map(item => item + 1)
轉換為:
input.map(function (item) {
return item + 1
})
Vue3內置了這個東東,基本不用我們去操心了,
Babel 的組態檔 .babelrc
Vue3里面可以選擇 babel.config.js 檔案
比如這樣:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
- presets:
這個可以設定轉碼規則,
其他的就不用我們操心了,所以這段就暫告一段落,以后遇到問題再回來學習,
下一篇學習 let 和 const,const 在Vue3里面也是一個很常見的用法,看看他到底是怎么回事,
參考書目
《ES6 標準入門》第3版
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/239968.html
標籤:JavaScript
