es7预览

哈哈，es6才刚刚掌握，就给大家介绍es7了。

es7的草案其实早已经定下来了，而且更加向着java这些高级语言看齐了

chrome的高版本其实也已经对es7的部分功能实现了！！

1.数组 includes
数组是否包含某个东西返回boolean

2.数组循环 keys/values/entries

　　　　数组　　 json
for...in key　　 key

for...of keys|entries|values 拿不出东西

let arr = [12,5,8,99,30];

for(let i of arr){

    console.log(i); //默认返回values 12,5,8,99,30

}

for(let i of arr.keys()){

    console.log(i); //返回 0,1,2,3,4

}

for(let i of arr.entries()){

    console.log(i); //返回 键值对 (2) [0, 12],[1, 5],[2, 8],[3, 99],[4, 30]

}

let json={a:123,b:456,c:789}

for(let i of arr){

    console.log(i); //报错 json is not iterable

}

keys=>所有的key拿出来 0,1,2,3,4,...
values=>所有的values拿出来 12,5,8,99,...
entries=>所有的key-value对拿出来 {key: 0, value: 12}, {key: 1, value: 5}, ...
*entry实体

------------------------------------------------------------------------------

3.幂 Math.pow(2,8) 等价于 2**8

------------------------------------------------------------------------------

4.startsWith/endsWith

'abc'.startsWith('b');  //false

'abc'.startsWith('ab');  //true

padStart/padEnd 字符位数不够，补全

'abc'.padStart(10);  // "       abc"

'abc'.padStart(10,0);  //"0000000abc"

------------------------------------------------------------------------------

5.语法容忍度
[12,6,8] => [12,6,8,] ES6

function show(a,b,c,){ ES7

}

------------------------------------------------------------------------------

6.更强悍的generator 这也是我最期待的一个点

generator yield
async await

1.不依赖于外部的runner了——统一、性能
2.可以用箭头函数

await 后面可以跟三种东西：generator、async、promise

------------------------------------------------------------------------------

巴特西

es7预览

最新文章

热门文章