ES6 语法

Posted 2020-10-16 前端渣女

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