ES6 語法
一:搭建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 語法