ES6執行的三種方式

2022-06-19 18:21:08 字數 1426 閱讀 6070

第一種:瀏覽器直接顯示(babel瀏覽器指令碼)

轉換**:babeljs.io/repl

第三種:babel(node.js)工具把es6轉換成es5,然後用node.js執行es5

安裝node,**:

node安裝成功後驗證方式:

安裝git,**:

git安裝成功後驗證方式: 

安裝cnpm,安裝的命令:npm install -g cnpm --registry=

cnpm安裝成功後驗證方式:

最後,在對應的專案下,安裝babel相應包以及工具:

a.安裝babel-preset-latest:

cnpm install -d  babel-preset-latest

b.安裝babel-preset-react:

cnpm install -d  babel-preset-react

c.安裝babel-preset-stage-2:

cnpm install -d  babel-preset-stage-2

全部安裝完成後,建立.babelrc檔案並輸入以下內容:

d.安裝babel工具 babel-cli

cnpm install -g babel-cli

***************===分割線***************====

上述完成以後,就可以在命令視窗中執行以下命令:

node 檔名.js:這種情況會直接在命令視窗中輸出轉換為es5的內容;

還可以輸出到乙個檔案中,命令為:babel 檔名.js -o 檔名-bundle.js,

然後,用命令node 檔名-bundle.js就可以在命令視窗中輸出執行結果

js封裝外掛程式 元件 三種方式,含es6新特性。

1.先來說一下我使用到的es6的object.assign。在jq裡合併物件用的是extend方法,用來處理預設引數和傳入引數做合併。es6裡為我們提供了object.assign,但是ie下全部撂倒。解決辦法 在使用object.assign之前,寫下 if object.assign retur...

JS繼承的6種方式 非ES6

本篇部落格主要來整合一下js繼承的六種方式及其優缺點。首先我們提供乙個父類 父類 function person name 本節中我們使用到的子類如下 子類 function staff office staff.prototype new person staff const a new staf...

ES6 中的 三種非同步解決方案

generator 函式 執行會返回乙個迭代器 iterator 在迭代器上可以呼叫 next 方法,執行下乙個 yield 或 return 呼叫 next 方法,會返回乙個物件,value 的值 為 yield 之後表示式的值,done 的值 表示迭代器,是否已經執行完畢 最後乙個yield 或...