2017葛小舞, 2018的新特性 通过示例来学习ES2016,-Fundebug
译者按:本文系统地总结了所有的新特性,并用浅显的例子解释。
原文:Here are examples of everything new in ECMAScript 2016, 2017洛克车 , and 2018
译者:Fundebug
为了保证可读性逆转流星,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习攀成德。
一直保持对JavaScript新特性的关注是一件很难的事情,特别是还找不到几个有用的例子去理解它。
本文会辅以有用的例子来讲述TC39中的18个特性,它们分别在ES2016, ES2017和ES2018中加入。鉴于本文内容很长,我们将分为两个部分来介绍独立钻石,此为第一部分。
1. Array.prototype.includes
includes是一个Array上很有用的函数,用于快速查找数组中是否包含某个元素同方专转本。(包括NaN华盖运,所以和indexOf不一样)。
2. 指数函数的中缀形式
加/减法我们通常都是用其中缀形式,直观易懂。在ECMAScript2016中,我们可以使用**来替代Math.pow。
1. Object.values()
Object.values()函数和Object.keys()很相似,它返回一个对象中自己属性的所有值(通过原型链继承的不算)。
2. Object.entries()
Object.entries()和Object.keys相关,不过entries()函数会将key和value以数组的形式都返回。这样,使用循环或则将对象转为Map就很方便了。周开开
例子1:
例子2:
3. 字符串追加
提供了两个字符串追加的方法String.prototype.padStart和String.prototype.padEnd汇安人才网,方便我们将一个新的字符串追加到某个字符串的头尾。
'someString'.padStart(numberOfCharcters [有事钟无艳,stringForPadding]); '5'.padStart(10) // ' 5''5'.padStart(10, '=*') //'=*=*=*=*=5''5'.padEnd(10) // '5 ''5'.padEnd(10, '=*') //'5=*=*=*=*='
这个对于格式化输出很有用!3.1 padStart例子
我们有一个不同长度元素的数组,我们可以往前面追加0来使得他们打印的长度都为10枫香寄生 。
3.2 padEnd例子
同样,通过在后面追加字符串来格式化输出。
const cars = { '
译者按:本文系统地总结了所有的新特性,并用浅显的例子解释。
原文:Here are examples of everything new in ECMAScript 2016, 2017洛克车 , and 2018
译者:Fundebug
为了保证可读性逆转流星,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习攀成德。
一直保持对JavaScript新特性的关注是一件很难的事情,特别是还找不到几个有用的例子去理解它。
本文会辅以有用的例子来讲述TC39中的18个特性,它们分别在ES2016, ES2017和ES2018中加入。鉴于本文内容很长,我们将分为两个部分来介绍独立钻石,此为第一部分。
1. Array.prototype.includes
includes是一个Array上很有用的函数,用于快速查找数组中是否包含某个元素同方专转本。(包括NaN华盖运,所以和indexOf不一样)。
2. 指数函数的中缀形式
加/减法我们通常都是用其中缀形式,直观易懂。在ECMAScript2016中,我们可以使用**来替代Math.pow。
1. Object.values()
Object.values()函数和Object.keys()很相似,它返回一个对象中自己属性的所有值(通过原型链继承的不算)。
2. Object.entries()
Object.entries()和Object.keys相关,不过entries()函数会将key和value以数组的形式都返回。这样,使用循环或则将对象转为Map就很方便了。周开开
例子1:
例子2:
3. 字符串追加
提供了两个字符串追加的方法String.prototype.padStart和String.prototype.padEnd汇安人才网,方便我们将一个新的字符串追加到某个字符串的头尾。
'someString'.padStart(numberOfCharcters [有事钟无艳,stringForPadding]); '5'.padStart(10) // ' 5''5'.padStart(10, '=*') //'=*=*=*=*=5''5'.padEnd(10) // '5 ''5'.padEnd(10, '=*') //'5=*=*=*=*='
这个对于格式化输出很有用!3.1 padStart例子
我们有一个不同长度元素的数组,我们可以往前面追加0来使得他们打印的长度都为10枫香寄生 。
3.2 padEnd例子
同样,通过在后面追加字符串来格式化输出。
const cars = { '