Es2016、2017新特性(上)

前言

es2015虽然是主流,但是每年都会有新的东西更新,在这些东西中,有许多东西值得我们去学习,以及使用,本篇文章,将提供一些平常业务开发中经常会用到的方法。希望能对大家的学习有帮助。个人的github博客

ECMAScript 2016

1、Array.prototype.includes

includes这个方法,是检测数组中是否含有相应的元素,返回的值是true和false。与indexOf方法功能相似,但是还会有许多差异性。

includes.png

其第二个参数还可以代表查询的位置是否正确

includes-other.png

2、求幂操作符

在es2016里面平方操作变得更加渐变,只要使用操作符**就可以实现。

ECMAScript 2017

1、Object.value()

Object.value()的功能其实和Object.keys()相似,主要作用是取得对象的值,放入到数组中,同样不包括任何原型链中的值。

Object.value()

2、Object.entries()

Object.entries()也是和Object.key()相关的,该方法是返回一个数组,数组的元素是对象自身的所有可以遍历的键值对数组

Object.entries()

3、String.padStart

该方法的作用就是用自定义的字符补全字符串的长度,比如我们平常在做的,小于10的时候自动补零就可以用这个实现。

例子1:

stringPadStart.png

4、String.padEnd

该方法和String.padStart相同,只是前者是从字符串的头部开始补全,后者是从字符串的尾部开始补全。

总结

这一篇只是介绍了一些实用的方法,下一篇会具体分析一下async/await。

猜你喜欢

转载自juejin.im/post/5b4e10976fb9a04fe370ae43
今日推荐