一:搭建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()