ES7与ES8的新特性有哪些呢

ES2016(ES7)新特性

ES7 是 ECMA-262 标准第 7 版的简称，从 ES6 开始每年发布一个版本，以年份作为名称，因此又称 ECMAScript 2016，简称 ES2016。ES7在之前ES6的基础上，只新增了两个特性:数组的includes方法和指数操作符**

数组的includes方法

includes()作用是查找一个值在不在数组里,若是存在则返回true,不存在返回false.
console.log([‘a’, ‘b’, ‘c’].includes(‘a’)); // true
console.log([‘a’, ‘b’, ‘c’].includes(‘a’, 1)); // false

指数操作符 也就是求幂运算符**

作用等同于Math.pow，
console.log(3 ** 2) //9
console.log( Math.pow(3, 2)); //9

ES2017(ES8)新特性

ES8 是 ECMA-262 标准第 8 版的简称，从 ES6 开始每年发布一个版本，以年份作为名称，因此又称 ECMAScript 2017，简称 ES2017。ES8新特性有:

1. Async/Await
2. Object.values()
3. Object.entries()
4. padStart()
5. padEnd()
6. Object.getOwnPropertyDescriptors()
7. Trailing commas in function (函数参数列表结尾允许逗号)

Async/Await

Async/Await是写异步代码的新方式，以前的方法有回调函数和Promise。相比于Promise，它更加简洁，并且处理错误、条件语句、中间值，使用更加方便。Async/Await应该是目前最简单的异步方案。

基本规则
async 表示这是一个async函数，await只能用在这个函数里面。
await 表示在这里等待promise返回结果了，再继续执行。
await 后面跟着的应该是一个promise对象。
await等待的虽然是promise对象，但不必写.then(…)，直接可以得到返回值。既然.then(…)不用写了，那么.catch(…)也不用写，可以直接用标准的try catch语法捕捉错误。

还没学会？没关系，再来详细的讲解一下async与await。
async字面意思是"异步",它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行.
下面我们就来写一个async 函数:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200513145852744.png

查看控制台打印结果:

原来async 函数返回的是一个promise 对象，如果要获取到promise 返回值，我们应该用then 方法， 继续修改代码：


上面代码中通过then()方法获取到promise的返回值，假设promise内部抛出异常，我们同样可以通过catch()方法来捕获异常。我们获取到了"Hello World’, 同时test()异步函数的执行也没有阻塞后面代码的执行，“我在后面，但是我先执行”，这条语句会先执行.
await字面意思是"等待"，正常情况下，await 命令后面是一个 Promise 对象，它也可以跟其他值，如字符串，布尔值，数值以及普通函数。await表达式会使async函数暂停执行，等待promise的结果出来，然后恢复async的执行并返回解析值（resolved）
注意，await 关键字仅仅在async 函数中才有效，如果在async函数外使用await，则会抛出一个语法错误(SyntaxError)

现在我们看看代码的执行过程，调用test函数，它里面遇到了await, await 表示等一下，代码就暂停到这里，不再向下执行了，它等什么呢？等后面的testAwait函数中的promise对象执行完毕，然后拿到promise resolve 的值并进行返回，返回值拿到之后，它继续向下执行。执行console.log语句。

await 命令后面的 Promise 对象，运行结果不一定都是resolve，也可能是 rejected。当promise返回结果为rejected状态时，会终止后面的代码执行。所以最好把 await 命令放在 try…catch 代码块中。异常被try…catch捕获后，继续执行下面的代码，不会导致中断。

Object.values( )

使用Object.keys()遍历对象的属性值，需要通过属性名key去获取属性值。
js代码：

let obj = {a: 1, b: 2, c: 3};
Object.keys(obj).forEach((key) =>{
    console.log(obj[key]); // 输出1, 2, 3
});

ES8里使用Object.values()遍历对象的属性值，无需使用属性名：

let obj = {a: 1, b: 2, c: 3};
Object.values(obj).forEach(() =>{
    console.log(obj); // 输出1, 2, 3}
);

Object.entries( )
遍历对象的属性名和属性值：
js代码:

let obj = {a: 1, b: 2, c: 3};
Object.keys(obj).forEach((key) => {
   console.log(key + ": " + obj[key]); 
   // 输出a: 1,b: 2,c:3
})

ES8里用Object.entries遍历对象的属性名和属性值:

let obj = {a: 1, b: 2, c: 3};
Object.entries(obj).forEach(([key, value]) =>{
      console.log(key + ": " + value); 
     // 输出a: 1, b: 2, c: 3
})

字符填充函数padStart 和 padEnd

用于在字符串开头或结尾添加填充字符串

其中第一个参数是目标长度；第二个参数是填充字符串，默认是空格。示例：

典型的应用场景是使用 padStart 进行时间格式化。

Object.getOwnPropertyDescriptor( )

静态方法 Object.getOwnPropertyDescriptors 用于获取对象的属性描述符，该属性必须是对象自己定义而不是继承自原型链。结果中包含的键可能有 configurable、enumerable、writable、get、set 以及 value。

Trailing commas in function (函数参数列表结尾允许逗号)