ES6系列 ES6簡介

2021-07-04 07:49:45 字數 1032 閱讀 4579

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...