1. 程式人生 > >ES6 語法

ES6 語法

egg iter ada cli .... sym save 合並 安裝

一:搭建ES6 開發環境

  安裝:npm i -g babel-cli

二:npm i --save-dev babel-preset-es2015 babel-cli

三:babel src/index.js -o dist/index.js

src: es6 語法的文件位置

dist: es6 轉es 5運行文件位置

(四:簡化babel src/index.js -o dist/index.js)在packjson 中的" script“下把"test"換成"build"並且value值設置為"babel src/index.js -o dist/index.js" 運行時:npm run build

ES6常用語法:

1.多條變量賦值:let [a,b,c] = [1,[1,2],3];有默認值:let [a,b=true] = [1];

2.對象擴展運算符(...)

數組賦值禁止同步改變用[...arr] (arr為原來的數組)

3.字符串模板以及 反引號

let a = ‘1111‘;

`這是es6的字符串模板語法${a}`

4.數值類型的判斷

let a = ‘11‘

判斷是否為非數值類型:Number.isNaN(a)

判斷整數: Number.isIntegger(a)

轉為整型:Number.parseInt(a)

轉為浮點型: Number.parseFloat(a)

5.json轉array

Array.from(json)

Array.of()把文本/變量轉為數值

6. 數組的entres()方法,生成iterator型數組,用next()跳轉下一個值,例如:

let arr = [‘adan‘,‘ is ‘,‘girl‘];

let list = arr.entries();

console.log(list.next().value);

7.數組的in()判斷數組是否為空

console.log(idx in arr)

8.數組轉字符串

arr.toString();

arr.join(‘....‘);

9.未知key值用:[key] 獲取

10.is()判斷對象是否相同:Object.is(obj1,obj2);

11.合並對象:assign() Object.assign(obj1,0bj2);

12.Symbol()

ES6 語法