Babel 及其工作原理

2022-09-14 06:06:08 字數 745 閱讀 1138

babel 是乙個工具鏈,主要用於將 ecmascript 2015+ 版本的**轉換為向後相容的 j**ascript 語法,以便能夠執行在當前和舊版本的瀏覽器或其它環境中。

//

babel 輸入:es2015 箭頭函式

[1,2,3].map((n)=>n+1)//

babel 輸出:es5 語法實現的同等功能

首先把原始**轉成抽象語法樹(abstract syntax tree,ast),然後基於這個 ast 做轉換,每個轉換被處理成外掛程式的形式,最後把 ast 還原成**。

這裡使用 webpack

npm install --s**e-dev babel-loader @babel/core @babel/preset-env
安裝成功後,要在 webpack.config.js 中進行簡單的開啟 babel:

module: 

]}

上面的安裝只是開啟了 babel,還沒選擇使用 plugin,接下來是進行 plugin 的配置:

在專案根目錄建立 .babelrc 檔案,檔案內容如下:

(這裡使用 presets 而非 plugin 的原因:presets 是 plugin 的集合)

路由器及其工作原理

路由器及其工作原理 心不在焉 路由器的內部元件 路由器是由flash nvram rom ram cpu inte ces組成的。flash 硬碟 壓縮後的ios,微 斷電後不丟失 檢視flash資訊 r1 show flash 檢視flash上儲存的ios檔名及大小 r1 dir 刪除flash中...

LoadRunner組成及其工作原理簡介

一 loadrunner工具組成 1 虛擬使用者指令碼生成器 捕獲終端使用者業務流程和建立自動效能測試指令碼,即我們在以後說的產生測試指令碼 2 壓力產生器 通過執行虛擬使用者產生實際的負載 3 使用者 協調不同負載機上虛擬使用者,產生步調一致的虛擬使用者 4 壓力排程 根據使用者對場景的設定,設定...

索引的工作原理及其種類

2015.8.3補充 關於聚集索引與非聚集索引的區別請看 資料庫索引,是資料庫管理系統中乙個排序的資料結構,以協助快速查詢 更新資料庫表中資料。索引的實現通常使用b樹及其變種b 樹。在資料之外,資料庫系統還維護著滿足特定查詢演算法的資料結構,這些資料結構以某種方式引用 指向 資料,這樣就可以在這些資...