es7、es8新增语法概述

1.includes方法

   以前我们使用indexof来找到指定元素的下标，但indexof无法找到NaN，includes弥补了这一缺陷。

注：indexof返回指定元素下标，未找到返回-1， includes返回布尔值。

const arr =['cloudgaps',1,NaN, false]


console.log(arr.indexOf(1));
console.log(arr.indexOf(false));
console.log(arr.indexOf(NaN))
// ---------------------------
console.log(arr.includes(1))
console.log(arr.includes(false))
console.log(arr.includes(NaN))


//输出结果
1
3
-1
true
true
true

2.指数操作符

 以前得到某个值的N次方是使用Math.pow，es7新增**代替。

const result = Math.pow(2,10)
console.log(result);

const result2 = 2**11
console.log(result2);
//输出结果
1024
2048

3.Obeject新增方法

   Object.values返回对象的值，Object.entries返回对象的键值对。

      Object.entries可用于将对象转换为数组，从而使用遍历方法，而且Map数据对象需要的也是这种数组，也可以使用该方法将其转换为Map数据对象。

   Object.getOwnPropertyDescriptor可以获取对象属性的具体描述信息，es5我们可以定义set、get属性，而这种属性通过Object.assign是无法完全复制的，这是因为Object.assign复制时只是把get，set方法当作普通的属性去复制了。

  遇到这种情况，我们可以通过Object.getOwnPropertyDescriptor获取该对象的描述信息，然后通过Object.defineProperties将其完全复制。

const obj = {
    a:1,
    b:2,
    get result (){
        return this.a + this.b
    }
}
console.log(obj.result)

const obj1 = Object.getOwnPropertyDescriptor(obj)

const obj2 = Object.defineProperties({},obj1)

4.字符串填充方法

String.prototype.padStart

String.prototype.padEnd

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。

padStart用于头部补全，padEnd用于尾部补全。

padStart和padEnd一共接受两个参数，第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串。

5.async await语法糖