关于 ES7/ES8的一些新特性

最新推荐文章于 2023-03-30 16:37:38 发布

转载最新推荐文章于 2023-03-30 16:37:38 发布 · 1k 阅读

文章标签：

#es7 #es8 #js

web 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了JavaScript中的一些实用技巧及新特性，包括Array.prototype.includes方法的使用、Math.pow进行幂运算、Object.values获取对象值数组等。同时，还探讨了字符串填充函数padStart和padEnd的应用，并提到了即将解决的模版字符串限制问题。

Array.prototype.includes
（开发人员用来检查数组中是否存在值，indexOf是一种尴尬的使用，因为它返回一个元素在数组中的位置或者-1当这样的元素不能被找到的情况下。所以它返回一个数字，而不是一个布尔值，includes存在为true,不存在为false）
例子(数组)

[1,2,3,4,4,5,8].includes(4)
//true
[1,2,3,4,4,5,8].includes(9)
//false

例子(字符串)

"abcdefg".includes("a")
//true
"abcdefg".includes("h")
false

Math.pow
幂运算

Math.pow(2,7)) 
//128
Math.pow(2,7))===7**12
//true

Object.values
返回数组类型，其序号和Object.keys序号对应

let obj = {a: 1, b: 2, c: 3}
Object.keys(obj)
// ["a", "b", "c"]

let obj = {a: 1, b: 2, c: 3}
for (let key of Object.keys(obj)) {
  console.log(key, obj[key])
}
//a 1
//b 2
//c 3

字符填充函数padStart 和 padEnd

console.log('vue'.padStart(10).length)         // "       vue" is 10
console.log('react'.padStart(10).length)         // "      react" is 10

console.log('react'.padStart(10, '_'))         // "_____react"
console.log('backbone'.padEnd(10, '*'))         // "backbone**"

正在修订的取消模版字符串限制

let a=hi
`abcdefg${a}jkl`
//abcdefghijkl

之前的es6有一个限制，那就是不能使用类似于 \u 或者 \x 的子字符串，后续会处理这个问题。