快捷搜索:  朋友圈  as  伪静态  次数  响应式  虎牙  浏览数  anniu

20+ 个JavaScript技术 -- 善于利用,可提升自己的开发效率(ES7-ES12新特性1w+字汇总,总有你需要

目录

前言

1、Array.prototype.includes()

2、幂运算符 **

3、Object.values()

4、Object.entries()

5、Object.getOwnPropertyDescriptors()

6、String.prototype.padStart

7、String.prototype.padEnd

7、async / await

8、Rest Spread

9、for await of

10、Promise.prototype.finally()

11、Object.fromEntries()

12、Array.prototype.flat()

13、Array.prototype.flatMap()

14、String.prototype.trimStart()

15、String.prototype.trimEnd()

16、空值合并运算符 ??

17、可选链 ?.

18、String.prototype.matchAll()

19、Promise.allSettled()

20、String.prototype.replaceAll()

21、逻辑运算符和赋值表达式||??

22、数字分隔符

23、Promise.any

其他


前言

学习并运用一些合适的技术可以少走弯路提高我们的开发效率。以下是 ES7-ES12 部分知识汇总熟练并掌握在必要时总能帮助我们解决一些问题以及提升自己的开发效率。

1、Array.prototype.includes()

includes()方法用来判断一个数组中是否包含某个指定的值包含则返回 true否则返回 false

语法

arr.includes(findVal[, index])

index 可选表示从 index 索引处开始往后查找。如果为负值表示从末尾开始往前跳 |index| 个索引然后往后查找。默认值为0。

let arr  [leo, lion, ggj]console.log(arr.includes(leo))    // trueconsole.log(arr.includes(gao))    // falseconsole.log(arr.includes(ggj,1))    // trueconsole.log(arr.includes(Leo))    // false// 注意使用includes()查找字符串是区分大小写的。

2、幂运算符 **

求某个数的幂之前一般使用 Math.pow()

console.log(Math.pow(2, 10));   // 1024

使用幂运算符 **

console.log(2 ** 10);   // 1024// 注意幂运算符的两个*号之间不能出现空格否则语法会报错。

3、Object.values()

Object.values()返回一个新数组里面的成员是传入的参数对象自身的不含继承的所有可遍历属性对应的值

您可能还会对下面的文章感兴趣: