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语法糖

上一篇:在JavaScript项目中正确是使用ES7的语法


下一篇:美国访问学者邀请函怎么写?