2023年6月17日,ecmascript的第六個版本正式發布,該版本正式名稱為ecmascript 2015,但通常被稱為ecmascript 6或者es6。
瀏覽器對es6的支援情況
es6主要應用於node.js,如果想用在瀏覽器中,就需要使用轉碼器
將es6**轉成es5**,這意味著,可以用es6的方式編寫程式,又不用擔心現有環境是否支援。流行的有兩個:babel和traceur,推薦babel 安裝
npm install --global babel
babel自帶乙個babel-node
命令,提供支援es6的repl環境。它支援node的repl環境的所有功能,而且可以直接執行es6**
babel-node
命令也可以直接執行es6指令碼
babel-node es6.js
babel
命令可以將es6**轉為es5**
babel es6.js
-o
引數將轉換後的**,從標準輸出匯入檔案
babel es6.js -o es5.js
# 或者
babel es6.js --out-file es5.js
-d
引數用於轉換整個目錄,-d
引數後面跟的是輸出目錄
babel -d build-dir source-dir
安裝babel的瀏覽器版本
npm install babel-core
執行上面的命令以後,就可以在當前目錄的node_modules/babel-core/子目錄裡面,找到babel的瀏覽器版本browser.js和browser.min.js
這種寫法是實時將es6**轉為es5,對網頁效能會有影響。生產環境需要載入已經轉碼完成的指令碼 ES6系列 詳解ES6中的Map
map類似於物件,都用於儲存key value結構的資料。但是,在傳統的物件上,只能用字串或者symbol來作為鍵名。然而,map與物件最大的差別就在於它可以各種資料型別作為鍵名。map是乙個建構函式,用於例項化例項。const m newmap const o m.set o,content m....
ES6系列二 函式
一 箭頭函式,就是函式的簡寫。如果只有乙個引數,可以省 如果只有乙個return,可以省 普通函式 function name 箭頭函式,去掉 function,加上 let show1 function let show2 show1 show2 let show4 function a let ...
ES6擴充套件
模板字串和標籤模板 const getcourselist function const getcourselist function foo val if status let ul document.createelement ul ul.innerhtml arr.join else pads...