第一種:瀏覽器直接顯示(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 或...