babel轉碼器 es6新語法轉es5語法

2021-09-23 22:04:31 字數 532 閱讀 8870

babel轉碼器是不知道某個技術大牛研究出來的,供我們這些技術小白使用的,將es6,es7新語法轉換為es5供其他開發平台解析

在使用 babel 之前 , 我們先檢測一下當前 node 對 es6 的支援情況。

在命令列下執行以下命令安裝 es-checker:

npm install -g es-checker
安裝完畢以後, 命令列執行:

es-checker
安裝轉碼規則

babel提供babel-cli工具,用於命令列轉碼。

它的安裝命令如下。

$ npm install --global babel-cli
babel的配置檔案是.babelrc,存放在專案的根目錄下
轉碼命令
轉碼結果寫入乙個檔案compiled.js

$ babel example.js -o compiled.js

ES6新語法上

es6新語法 1.變數 賦值var 可以重複定義 不能限制修改 沒有塊級作用域 let 不能重複定義 變數 塊級作用域 const 不能重複定義 常量 塊級元素解構賦值 左右兩邊必須一樣,右邊得是個東西 必須定義和賦值同步完成 2.函式 普通 function 函式,引數 箭頭函式 引數,引數 如果...

使用Babel轉碼 將es6轉為es5

babel提供babel cli工具,用於命令列轉碼。它的安裝命令如下 全域性安裝,npm install g babel cli 檢視是否安裝成功 babel version在專案根目錄下初始化專案 npm init ybabel的配置檔案是.babelrc,建立個.babelrc名稱的檔案存放在...

ES6新語法 箭頭函式

箭頭函式 箭頭函式 實質就是乙個函式固定格式的簡寫 簡寫的規則 function 改為 讀為goesto 如果只有乙個形參,可以省略形參小括號 如果有0個或多個形參 就不能省略形參小括號 如果函式體只有一句話,就可以省略函式體大括號 如果函式體只有一句話,並且這一句話是return 返回值 那麼re...