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语法糖
标签:es7,arr,console,log,Object,es8,语法,const,补全 来源: https://blog.csdn.net/cloudgaps/article/details/117713244