es7、es8新增语法概述

2021-06-08 19:33:44 阅读：285 来源： 互联网

标签：es7 arr console log Object es8 语法 const 补全

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

标签：es7,arr,console,log,Object,es8,语法,const,补全
来源： https://blog.csdn.net/cloudgaps/article/details/117713244

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

es7、es8新增语法概述