ES6、ES7、ES8、ES9、ES10新特性一览
ES全称ECMAScript，ECMAScript是ECMA拟定的标准化脚本言语。现在JavaScript运用的ECMAScript版别为ECMA-417。关于ECMA的最新资讯能够阅读 ECMA news查看。

ES6新特性（2015）

ES6的特性比较linux体系装置多，appear在 ESwindows更新5 发布近 6 年（2009-11 至 2015-6）之后才将其标准化。两个发布版别之间时间跨度很大，所以ES6中的特性比较多。在这儿罗列几个常用的：

类
模块化
箭头函数
函数参数默许值
模板字符串
解构赋值
延展操作符
方针特征简写
Promise
Let与Const

1.类（class）

对了解Java，object-c，c#等纯面向方针言语windows10的开发者来说，都会对class有一种特殊的情怀。ES6 引进了class（类），让JaWindowsvaScript的面向方针编程变得愈加简略和易于了解。

  class Animal {
// 结构函数，实例化的时分将会被调用，假定不指定，那么会有一个不带参数的默许结构函数.
constru索引符号ctor(name,color) {
this.name = nalinux是什么操作体系me;
tlinux操作体系基础知识his.color = color;
}
// toString 是原型方针上的特征
toString() {
console.log('linux体系装置name:' + this.name + ',color:' + this.colLinuxor);
}
}
var animal = new Animwindows7旗舰版al('dog','white');//实例化Animal
animal.toString();
console.log(animal.hasOwnProperty('name')); //true
console.log(animal.hasOwnProperty('toString')); // fLinuxalse
console.log(索引失效的几种状况animal.__proto__.hasOwnProperty('toString')); // true
class Cat extends Animal {
constructorios最好玩的手游(action) {
/linux重启指令/ 子类有必要要在construct索引符号or中指定suplinux必学的60个指令er 函数，不然在索引失效的几种状况新建实例的时分会报错.
// 假定没有置顶consructor,默许带super函ios是什么意思数的cons索引超出矩阵维度tructor将会被添加、
superlinux体系('cat','white');
this.action = action;
}
toString() {
console.log(super.toString());
}
}
var cat = new Cat('catch')
cat.toString();
// 实例cat 是 Cat 和 Animal 的实例，和Es5彻底一同。
console.log(cat instanceof Cat); // true
console.logioslauncher(cat instanceof Animal); // true

2.模块化(Module)

ES5不支撑原生的模块化，在ES6中模块作为重要的组成部分被添加进来。模块的功application用首要由 export 和 import 组成。每一个模块都有自己单独的效果域，模块之间的相互调用联络是经过 expiOSort 来规定模块对外暴approach露的接口，经过import来引证其它模块供给的接口。一同还为模块发清楚命名空间，防止函数的命名抵触。

导出(export)

ES6容许在一个模块中运用export来导出多个变量或函数。

导出变量

//test.js
export var name = 'Rainbow'

心得：ES6application不只支撑windows10变量的导windows是什么意思出，也支撑常量的导出。 export const sqrt = Math.sqrt;//导出常量

ES6将一个文件视为一个模块，上面的模块经过 export 向外输出了一个变量。一个模块也能够一同往外面输出多个变量。

 //test.js
var name = 'Rainbow';
var age = '24';
elinux常用指令xport {name, age};

导出函数

// myModule.js
export function myMwindows怎样激活odule(someArg) {
retur索引图n someArg;
}

导入(import)

界说好模块的输出往后就能够在其他一个模块经过import引证。

import {myModulelinux常用指令} from 'myModule';// main.js
import {name索引图,age} from 'test';// t索引失效的几种状况est.js

心得:一条import 语句能够一同导入默许函数和其它linux操作体系基础知识变量。import defaultMethod, { otherMethod } from ‘xxx.js’;

3.箭头（Arrow）函数

这是ES6中最令人激动的特性之一。=>不仅仅关键字fwindows怎样激活unction的简写，它还带来了其它好处。箭头函数与围住它的代码同享同一个this,能帮你很好的处理tios15his的指向问题。有经验的Javlinux是什么操作体系aScript开发者都了解比如var self = this;或var that = this这种引证外围thiwindows7s的方式。但凭借=>，就不需求这种方式了。

箭头函数的结构

箭头函数的箭头=>之前是一个空括号、单个的参数名、或用括号括起的多个参数名，而箭头之后能够是一个表达式（作为函数的回来值），或许是用花括号括起的函数体（需求自行经过return来回来值，不然回来的是undefinapproveed）。

// 箭头函数的比如
()=>1
v=>v+1
(a,b)=>a+b
()=>{
alert("foo");
}
e=>{
if (e == 0){
return 0;
}
return 1000/e;
}

心得：不论是箭头函数仍是bind，每次被履行都回来的是一个新的函数引证，因而假定你还需求函数的引证去做一些其他作业（比如卸载监听器），那么你有必要自己保存这个引证。

卸载监听器时的圈套

过失的做法

clasios是什么意思s PauseLinuxMenu extends React.Component{
componentWillMount(){
AppStateIOS.addEventListwindows7旗舰版ener('change', this.onAppPaused.bind(this));
}
componentWillUnmount(){
AppStateIOS.removeEventListener('change', this.oios体系nAppPaused.bwindows10ind(th索引超出矩阵维度iswindows7旗舰版));
}
onAppPaused(event){
}
}

正确的做法

class PauseMenu extends React.Component{
constructor(props){
super(props);
this._olinuxnAppPaused = this.onAios8备忘录ppPaused.bind(this);
}
compoappointmentnentWillMount(){
AppStateIOS.addEventListener(Windows'change', this._onAppPaused);
}
componentWillUnmount()索引是什么意思{
AppStateIOS.removeEventListener('change', this._onAppPauseios8备忘录d);
}
onAppPaused(evenwindows7t)appear{
}
}

除上述的做法外，咱们还能够这样做：

class PauseMenu extends React.Component{
componentWillMount(){
AppStateIOS.索引失效的几种状况addEventListener('change', this.onAppPaused);
}
compoios8备忘录nentWillUnmount(){
AppStateIOS.removeEven索引tListener('change', this.onAppPaused);
}
onAppPaused = (event) => {app装置下载
//把函数直接作为一个arrow function的特征来界说，初始化的时分就绑定好了this指针
}
}

需求注意的是：不论是bi索引是什么意思ndappreciate仍是箭头函数，每次被履行都回来的是一个新的函数引证，因而假定你还需求函数的引证去做一些其他作业（比如卸载监听器），那么你有必要自己保存这个引证。

4.函数参数默许值

ES6支windows是什么意思撑在界说函数的时分为其设置默许值：

function foo(height = 50, color = 'red')
{
// .索引..
}

不运用默许值：

functio索引有哪几种类型n foo(height, color)
{
var height = heighwindows许可证行将过期怎样办t || 50;
var color = color || 'red';
//...
}ios14.4.1更新了什么

这样写一般没问题，但当参数的布尔值为false时，就会有问题了。比如，咱们这样调用fwindows10oo函数：

foo(0, "")

因为0的布尔值为false，这样height的取值将是50。同理color的取值为‘red’。

所以说，函数参数默许值不只能是代码变得愈加简练而且能躲避一些问题。

5.模板字符串

ES6支撑模板字符串，使得字符串的拼接approach愈加的简练、直观。

不运用模板字符串：

var name = 'Your name is ' + first + ' ' + last + '.'

运用模板字符串：

var name = `You索引优化r name is ${first} ${last}.`

在ES6中经过${}就能够结束字符串的linux指令拼接，只需求将变量放在大括号之中linux常用指令。

6appstore.解构赋值

解构赋值语法是JavaScript的一种表达式，能够便利的从数组或许方针中快速提取值赋给界说的变量。

获取数组中的值

从数组中获取值并赋值到变量中，变量的次第与数组中方针次第对应。


var foo = ["one", "two", "three", "four"];
var [one, two, three] = foo;
console.log(one); // "one"
console.log(twios体系o); // "tlinux创立文件wo"
console.log(three); // "three"
/索引有哪几种类型/假定你要疏忽某些值，你能够依照下面的写ios15法获取ioslauncher14安卓版你想要的值
var [first, , , last] = foo;
console.log(first); // "one"
console.loios8备忘录g(last); //windows7旗舰版 "four"
//你也能够这样写
var a, b; //先声明变量
[a, b] = [1, 2];
console.log(a); // 1
console.log(b); // 2

假定没有从数组中的获取到值，你能够为变量设置一个默许值。

var a, b;
[a=5, b=7] = [1];
console.log(a); // 1
console.log(b); // 7
经过解构赋值能够便利的交流两个变量的值。
var a = 1;
var b = 3;
[a, b] = [b, a];
console.logios15(a); // 3索引超出矩阵维度
console.log(b); // 1

获取方针中Windows的值

const student = {
name:'Ming',
age:'18',
city:'Shios是什么意思anghai'
};
const {name,age,city} = student;
consoleiOS.log(name); // "Ming"
console.log(age); // "18"
console.log(city); // "Shanghai"

7.延展操作符(Spread operator)

延展操作符…能够在函数调用/数组结构时, 将数组表达式或许string在语法层面翻开；还能够在结构方针时,appreciate 将方针表达式按key-value的办法翻开。

语法

函数调用：

myFunctwindows是什么意思ion(...iterableObj);

数组结构或字符串：

[...iterableObj, '4', ...'hello', 6];

结构方针时,进行克隆或许特征拷贝（ECMAScript 2018标准新增特性）：

let objClone = { ...obj };

使用场景

在函数调用时运用延展操作符ioslauncher

function sum(x, y, z) {
return x + y + z;
}
const numbers = [1, 2, 3];
//不运用延展操作符
console.log(sum.apply(null, numbers));
//运用延展操作符
console.log(sum(...numblinux必学的60个指令ers));// 6

结构数组

没有翻开语法的时分，只能组合运用windows更新有必要吗 push，splice，concat 等办法，来将已有数组元素变成新数组的一部分。有了翻开语法, 结构新数组会变得更简略、更高雅：

const stuendts = ['Jine','Tom'];
const persons = ['Tony',... stuendts,'Aaron','Anna'];
coioslaunchernslog.log(persions)// ["Tony", "Jine", "Tom", "Aaron", "Annappearancea"]

和参iOS数列表的翻开相似, … 在结构字数组时, 能够在恣意方位多次运用。

数组拷贝

var arr = [1, 2, 3];
var arr2 = [...arr]; // 等同于 arr.slice()
arr2.push(4);
console.log(linux创立文件arr2)//[1, 2, 3, 4]

翻开语法和 Object.assign() 行为一同, 履行的都是浅拷贝(只遍历一层)。

联接多个数组

var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
var arr3 = [...windows怎样激活arr1, ...arr2];// 将 arr2 中全windows怎样激活部元素附加到 arr1 后边并回来
//等同于
var arr4 = arr1.cowindows更新ncat(arr2);

在ECMAScript 2018中延展操作符添加了对方针的支撑

var obj1 = { flinux是什么操作体系oo: 'bar', x: 42 };windows7
var obj2 = { foo: 'baz', y: 13 };
var clonedOappreciatebj = { ...obj1 }ioslauncher;
// 克隆后的方针: { foo: "bar", x: 42 }
var mergedObj = { ...obj1approach, ...obj2 };
// 吞并后的方针: { foo: "baz", x: 42, y: 13 }

在React中的使用

一般咱们在封装ios最好玩的手游一个组件时，会对外公开一些 props 用于结束功用。大部分状况下在外部运用都应显现的传递 props 。可是当传递许多的props时，会十分繁琐，这时咱们能够运用 …(延展操作符,用于取出参数方针的悉数可遍历特征) 来进行传递。

一般状况下咱们应该这样appointment写

<CustomComponent name ='Jine' age ={21} />

运用 … ，等同于上面的写法

constios8备忘录 params = {
name: 'Jiwindows7旗舰版ne',
age: 21
}
<CustomComponent {.iOS..params}linux />

协作解构赋值防止传入一些不需求的参数

var params = {
name: '123',
title: '456',
type: 'aaa'
}
var { type, ...other } = params;
<CustomComponent type='normal'windows许可证行将过期怎样办 number={2} {索引超出矩阵维度...other} />
//等同于
<Cu索引优化stomComponent type='normal' number={2} name='123' title='456' />

8.方针特windows更新有必要吗色简写

在ES6中容许我linux创立文件们在设置一个方针的特征的时分不指定特征名。

不运用ES6

const name='Ming',age='18',city='Shanghai';
const student = {
name:name,
age:age,
city:city
};
console.log(student);//{name: "Ming", age: "18", city: "Shanghai"}linux必学的60个指令

方针中有必要包含特征和值，显得十分冗余。

运用ES6

const name=app装置下载'Ming',age='18',city='Shanghai';
const student = {
name,
age,
city
};
console.log(student);//{name: "索引怎样做Ming", age: "18", city: "Shanghai"}

方针中直接写变量，十分简练。

9.Promise

Promise 是异步编程的一种处理方案，比传统的处理方案callback愈加的高雅。它最早由社区提出和结束的，ES6 将其写进了言语标准，一致了用法，原生供给了Promise方针。

不运用ES6

嵌套两个setTimeout回调函数：

setwindows更新有必要吗Timeout(function(索引失效的几种状况)
{
console.log('Hello'); // 1秒后输出"Hello"
setTimeout(function()
{
console.log('Hi'); // 2秒后输出"Hi"
}, 1000);
}, 1000);

运用ES6

var waitios8备忘录Second = new Promise(function(resolve, reject)
{
setTimeout(resolve, 1000);
});
waitSecios14.4.1更新了什么ond
.then(function()
{
console.log("Hello"); // 1秒后输出"Hello"
return waitSecond;索引怎样做
})
.then(function()
{
console.l索引有哪几种类型og("Hi"); // 2秒后输出"Hi"
});

上面的的代码运用两索引失效的几种状况个then来进行异步编程串行化，防止了回调阴间：

10.支撑let与const

在之前JS是没有块级效果域的，const与let填补了这便利的空白，const与let都是块级效果windows更新域。

运用var界说的变量为函数级效果域：

{
var a = 10;
}
console.log(a); // 输出10

运用let与const界说ios14.4.1更新了什么的变量为块级效果域：

{
let a = 10;
}
console.log(a); //-1 or Error“ReferenceError: a is not defined”

ES7新特性（2016）

ES2016添加了两个小的特性来阐明标准化进程：

数组includes()linux体系办法，用来判别一个数组是否包含一个指定的值，依据状况，假app装置下载设包含则回来truios下载e，不然回来false。
a ** b指数运算符，它与 Math.pow(a, b)相同。

1.Array.prototype.includes()

includes() 函数用来判别一个数组是否包含一个指定的值，假定包含则回来 true，不然回来false。

includes 函数与 indexOf 函数很相似，下面两个表达式是等价的：

arr.includes(x)
arr.indexOf(x) &gios模拟器t;= 0

接下来咱们来判别数字中是否包含某个元素：

在ES7之前的做法

运用indexOf()验application证数组中windows7是否存在某个ioslauncher元素，这时需求依据回来值是否为-1来判别：

let arr = ['rlinux体系eacwindows10t', 'angular', 'vue索引失效的几种状况'];
if (arr.indexOf('react') !== -1)
{
consolLinuxe.log('react存在');
}

运用ES7的includes()

运用includes()验证数组中是索引怎样做否存在某个元素，这样愈加直观简略：

let arr = ['rea索引符号ct', 'angular', 'vue'];
if (arr.includes('react'))
{
console.linux体系装置log('react存在');
}

2.指数操作符

在ES7中引进了指数运算符**，**具有与Mwindows10激活密钥ath.pow(..)等效的核算效果。

不运用指数操作符

运用自界说的递归函数calculateExponent或许Math.pow()进行指数运算：

function calcul索引符号ateExponenlinux是什么操作体系t(basios体系e, exponent)
{
if (exponent === 1)
{
return base;
}
else
{
return base * calcapplicationulateExponent(base, exponent - 1);
}
}
console.log(calcu索引有哪几种类型lateExwindows更新有必要吗ponentwindows10激活密钥(2, 10)); // 输出1024
console.log(Math.pow(2, 10)); // 输出1024

运用指数操作符

运用指数ioslauncher运算符**，就像+、-等操作符相同：

console.log(2**10);// 输出1024

ES8新特性application（2017）

async/await
Object.values()
Object.entries()
Strlinux必学的60个指令ing padding: padStart()和padEnd()linux必学的60个指令，填充字符串抵达当时长度
函数参数列表结束容许逗号
Objecwindows7旗舰版t.getOwnPrope索引图rtyDescriptors()
ShareArrayBuff索引失效的几种状况er和Atomics方针，用于从同享内存方位读取和写入

1.async/awindows体系wait

ES2018引进异步迭代器（asynchronous iterators），这就像惯例迭代器，除了next()方appstore法回来一个Promise。因而await能够和ios14.4.1更新了什么for…of循环一同运用，以串行的办法作业异步操作。例如ios模拟器：

async functlinux必学的60个指令ion process(array) {
fapplicationor await (let i of array) {
doSomethinglinux操作体系基础知识(i);
}
}

2.Object.values()

Object.values()是一个与Object.keys()相似的新函数，但回来的是Object本身特征的悉数值，不包含继承的值。

假定咱们要遍历如下方针obj的悉数值：

const obj = {a: 1, b: 2, capprove: 3};

不运用Object.values() :ES7

const vals=Object.keys(obj).map(key=&ioslaunchergt;obj[key]);
console.log(vals);//[1, 2, 3]windows体系

运用Object.values()ios是什么意思 :ES8

c索引失效的几种状况onst values=Object.values(obj1);
console.log(values);/appear/[1, 2, 3]

从windows许可证行将过期怎样办上述代码中能够看出Object.values()为咱们省去了索引有哪几种类型遍历kapproachey，索引有哪几种类型并依据这些kwindows7ey获取value的过程。

3.Objecioslauncher14安卓版t.entries()

Object.entries()函数回来一个给定方针本身可枚举特征的键值对的数组。

接下来索引图咱们来遍历上文linux中的obj方针的悉数特征的key和value：

不运用Object.entrie索引图s() :ES7

ObiOSject.keys(obj).forEach(key=>{
console.log('key:'+key+' value:'+obj[key]);
})
//key:a value:1
//key:b value:2
//key:c value:3

运用Object.entries() :ES8

for(let [key,value] of Object.entries(obj1)){
c索引的效果及优缺点onsole.log(`kappleey: ${key} value:${value}`)
}
//key:a value:1
//key:b value:2
//key:c value:3approach

4.String plinux操作体系基础知识adding

在ES8中String新增了两个实例函数String.prototype.padS索引失效的几种状况tart和String.ios8备忘录prototype.padEnd，容application许将空字符串或其他字符串添加到原始字符串的开始或结束。

String.padStart(targetLength,[linux体系装置padString])

targetLength:当时字符串需求填充到的方针长度。假定这个数值小于当时字符串的长度，则ios8备忘录回来当时字符串本身。
padString:(可选)填充字符串。假定字符串太长，使填充后的字符串长度超过了方针长度，则只保存最左面的部分，其他部分会被堵截，此参数的缺省值为 ” “。

console.loglinux创立文件('0.0'.padStart(4,'10')) //10.0
console.log('0.0'.padStarAPPt(20))// 0.00

String.padEnd(targetLenlinux是什么操作体系gth,padioslauncher14安卓版String])

targetLengtwindows更新有必要吗h:当时字符串需求填充到的方针长度。假定这个数值小于当时字符串的长度，则linux体系装置回来当时字符串本身。
padString:(可选) 填充字符串。假定字符串太长，使填充后的字符串长度超过了方针长度，则只保存最左面的部分，其他部分会被堵截，此参数的缺省值为 ” “；

console.log('0.0'windows许可证行将过期怎样办.padEnd(4,'0')) //0.00    
console.log('0.0'.padEnd(10,'0'))//0.00000000

5.函数参数列表结束容许逗号

首要效果是索引怎样做便利运用git进行多人协作开发时windows7旗舰版批改同一个函数减少不用要的行变更。

6.Object.getOwnPropertwindows10yDescriptors()

Object.getOwnPropertyDescriptors()函数用来获取一个方针的悉数本身特征的描绘符,假定ios模拟器没有任何本身特征，则回来空政windows7策。

函数原型：

Object.getOwnPropertyDescriptors(obj)

回来obj方针的悉数本身特征的描绘符linux，假定没有任何本身特征，则回来空方针。

const obj2 = {
name: 'Jiios15ne',
get age() { return '18' }
};
Object.getOwnPropertyDescriptors(obios8备忘录j2)
// {
//索引的效果及优缺点   age: {
//     conlinux重启指令figurable: true,
//     enumerable: true,
//     get: function age(){},linux创立文件 //the getter funios下载ctioapplen
//appstore     set: undefined
//   }windows更新,
//   name: {
//     configurable: true,
//     enumerable: true,
//		value:"Jine",
//		writable:true
//   }
// }

7.SharedArrayBuffer方针

SharedArrayBuffer 方针用来标明一个通用的，固定长度的原始二进windows10制数据缓冲区，相似于 Arrios是什么意思ayBuffer 方针，它们都能够用来在同享内存（shared memory）上创立视图。与 ArrayBufferappstore 不同的是，SharedArrayBuffer 不能被分别。

/**
*
* @param {*} length 所创立的数组缓冲区的大小，以字节(byte)为单位。
* @retuwindows许可证行将过期怎样办rns {SharedArrayBuffer} 一个大小指定的新 SharedArra索引有哪几种类型yBuffer 方针。其内容被初始化为 0。
*/
new SharedArrayBuffer(length)

8.Atomics方针

Atomics 方针供给了一组静态办法用来对 SharedArrayBuffer 方针进行原子操作。

这些原子操作归于 Atomics 模块。与一般的大局方针不同，Atomics 不是结构函数，因而不能运用 new 操作符调用，也不能将其当作函数直接调用。Atomicsios14.4.1更新了什么的悉数特征和办法都是静态的（与 Math 方针相同）。

多个同享内存的线程能够一同读写同一方位上的数据。原子操作会确保正在读或写的数据的值是契合ioslauncher14安卓版预期的，即下一个原子windows10操作必定会在上一个ios8备忘录原子操app装置下载作结束后才会开始，其操作进程不会中止。

Atomics.add()

将指定方位上的数组元素与给定的值相加，并回来相加前该元素的值。

Atomics.and()

将指定方位上的数组元素与给定的值相与，并回来与操作前该元素的值。

Atomics.compareExchange()

假linux操作体系基础知识设数组中指定的元素与给定的值持平，则将其更新为新的值，并回来该元素原先的值。

Atomics.exchange()

将数组中指定的元素更新为给定的值，并回来该元素更新前的值。

Atomics.load()

回来数组中指定元素的值。

Atomics.or索引优化()

将指定方位上的数组元素与给定的值相或，并回来或操作前该元素的值。

Atomics.store()

将数组中指定的元素设置为给定的值，并回来该值。

Atomics.sub()

将指定方位上的数组元素与给定的值相减，并回来相减前该元素的值。

Atomics.xor()

将指定方位上的数组元素与给定的值相异或，并回来异或操appstore作前该元素的值。

wait() 和 wake() 办法选用的是 Linux 上的 futexes 模型（fast user-space mutex，快appear速用户空间互斥量），能够让进程一贯等候直到某个特定的条件为真，首要用于结束堵塞。

Atomics.wait()

检测数windows10激活密钥组中某个指定方位上的值是否仍然是给定值，是则坚持挂起直到被唤醒或超时。回来值为 “ok”、”not-equal” 或 “time-out”。调用时，假定当时线程不容许堵塞，则会抛出异常（大多数阅读器都不容许在主线程中调用 waitlinux体系()）。

Atomics.wake()

唤醒等候队伍中正在数组指定方位的元素上等候的线程索引的效果及优缺点。回来值为成索引符号功唤醒的线程数量。

Atomics.isLockFios8备忘录ree(size)

能够用来检测当时体系是否支撑硬件级的原子操作。关于指定大小的数组，假定当时体系支撑硬件级的原apple子操作，则回来 true；不然就意味着关于该数组，Atomics 方针中的各原子操作都只能用索引是什么意思锁来结束。此函数面向的是技能专家。–>

ES9新特性（2018）

异步迭代
Promise.finally()
Rest/Spr索引失效的几种状况ead 特征
正则表达windows体系式命名捕获组（Regular Expression Named Capture Groups）linux常用指令
正则表达式反向断语（lookbehind）
正则表达式dotAll方式
正则表达式 Unicode 转义
非转义序列的模板字符串

1.异步迭代

在async/await的某些时间，你或许检验在同步循环中调用异步函数。例如：

async function process(array) {
for (let i of array) {
await doSoios下载mething(i);
}
}

这段代码不会正常作业，下面这段相同也不会ios体系：

async function process(arraappreciatey)索引失效的几种状况 {
array.forEach(async i => {
await doSomething(i);
});
}

这段代码中，循环本身仍旧坚持同步，并在在内部异步函数之前悉数调用结束。

ES2018引进异步迭代器（asynchronous iterators），这就像惯例迭代器，除了next()办法回来一个Promise。因而await能够和for…of循环一同运用，以串行的办法作业异步操作。例如：

async function process(array) {
for await (let i of array) {
doSomething(i);
}
}索引优化

2.Promise.finally()

一个Promise调用链要么成功抵达毕竟一个.then()索引符号，要么失利触发.catch()。在某些状况下，你想要在linux体系装置不论Promapproveise作业成功仍是失利，ios8备忘录作业相同的代码，例如铲除，删去对话，关闭数据库联接等。

.finally()容许你指定毕竟的逻辑：

function doSomething() {
doSomething1()
.then(doSomiOSething2)
.then(doSomething3)
.catch(err => {
console.log(eWindowsrr);
})
.finally(() => {
// finwindows10激活密钥ish here!
});
}

3.Rest/Sappearancepread 特征

ES2015引进了Rest参数和扩展运算符。三个点（…）仅用于数组。Reslinux是什么操作体系t参数语法容许咱们将windows怎样激活一个不定数量的参数标明为一个数组。

restParam(1application, 2, 3, 4,索引超出矩阵维度 5);
function restParam(p1, p2, ...p3windows10激活密钥) {
// p1 = 1
// p2 = 2
// p3 = [3, 4, 5]
}

翻开操作符以相反的办法作业，将数组转换成可传递给函数的单独参数。例如Matapp装置下载h.max()回来给定数字中的最大值：

const values = [99, 100, -1, 48, 16];
consowindows许可证行将过期怎样办le.log( Math.max(...valu索引的效果及优缺点es) ); // 100

ES2018linux体系装置为方针解构供给了和数组相同的Rest参数（）索引有哪几种类型和翻windows7开操作符，一个简略的比如：

const myObject = {
a: 1,
b: 2,
c: 3
};
const { a, ...x } = myObject;
// a = 1
// x = { b: 2, c: 3 }

或许你能够运用它给函数传递参数：

restParam({
a: 1,
b: 2,
c: 3
});
function restParam({ a, ...x }) {
// a = 1
// x = { b: 2, c: 3 }
}

跟数组相同，索引怎样做Rest参数只能在声明的结束处运用。此外，它只适用于每个方针的顶层，假定方针中嵌套方针则无法适用。

扩展运算符能够在其他方针内运用，索引是什么意思例如：

cowindows更新nst objapproach1 = { a: 1, b: 2, c: 3 };
const obj2 = { ...obj1, z: 26 };
// obj2 is { a: 1, b: 2, c: 3, z: 26 }

可ios15以运用扩展运算符拷贝一个方针，像是这样obj2 = {…obj1}，可是这仅仅一个方针的application浅拷贝。其他，假定一个方针A的特征linux指令是方针B，那么在克隆后的方针cloneB中，该特征指向方针B。

4.索引怎样做正则表达式命名捕获组

JavaScript正则表达式能够回来一个匹appearance配的appstore方针approach——一个包含匹配字符串的类数组，例如：以YYYY-MM-DDWindows的格索引失效的几种状况式解析日期：

const
reDate = /windows更新([0-9]{4})-([0-9]{2})-([0-9]{2})/,
match  = reDate.exec('2018-04-30'),
year   = match[1], // 2018
month  = match[2], // 04
day    = match[3ioslauncher14安卓版]; // 30

这样的代码很难读懂linux是什么操作体系，而且改动正则表达approach式的结构有或许改动匹配方针的索引。

ES2018容许命名捕获组运用符号?，Windows在windows10翻linux常用指令开捕获括号(后当即命名，示例如下：

const
reDate = /(?<year&appeargt;[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/,
match  = reDate.exec('2018-04-30'),
year   = match.groups.year,  // 2018
month  = mappstoreatch.groups.month, // 04
day    = match.groups.day;   /windows许可证行将过期怎样办/ 30

命名捕获也能够运用在replace()办法中。例如将日期转换为美国的 MM-DD-YYYYios15 格局：

const
reDate = /(?<year>appear[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/,
d      = '2018-04-30',
usDWindowsate = d.replace(reDate, '$<mont索引失效h>-$<day&ios体系gt;-$<year>');

5.正则表索引有哪几种类型达式反向断语

现在LinuxJavaScript在正则表达式中支撑先行断语（lookahead）。这意味着匹配会产生，但不会有任何捕获，而且断语没有包含在整个匹配字段中。例如从价格中捕获钱银符号：

const
reLookahead = /Dapp装置下载(?=d+)/,
match       = reLookahead.exec('索引怎样做$123.89');
console.log( match索引超出矩阵维度[0] ); // $

ES2018引进以相同办法作业可是匹配前面Linux的反向断语（lookbehind），这样我就能够疏忽钱银符号，单纯的捕获价格的数字：

const
reLookbehind = /(?<=D)d+/,
match        = reLookbehind.exec('$123.89');
console.log( match[0] ); // 123.89

以上是必定反向断语，approve非数字D有必要存在。相同windows怎样激活的，还存在否定反向断语，标明一个值有必要不存在，例如：

const
reLookbehindNeg = /(?<!D)d+/,
maAPPtch           = reLookbehind.exec('$123.89');
console.log( match[0] ); // null

6.ios15正则表达式dotAll方式

正则表达式中点.匹配除回车外的任何单字符approve，符号s改动这种行为，容许行终止符的出现，例如：

/hello.world/.test(索引有哪几种类型'hello索引有哪几种类型nworld');  // false
/hello.world/ioslauncher14安卓版s.test('hellonworld'); // true

7.正则表达式 Unicode 转义

到现在为止，在正则表达式中本地拜访 Uniwindows7旗舰版code 字符特征是不被容许的。ES2018添加了 Unicode 特征转义——方式为p{…}和P{…}，在正则表达式中运用符号 u (unicode) 设置，在p块儿内，能够以键值对的办法设置需求匹配的特征而非具体内容。例如：

const reGreekSymbol = /p{Script=Greek}/u;
reGreekSymbol.test(''); // true

此特性能够防止运用特定 Unicode 区间来进行内容类型判别，提高可读性和可application维护索引优化性。

8.非转义序列的模板字符串

之前，uios14.4.1更新了什么开始一个 unicode 转义，x开始一个十六进制转义，windows许可证行将过期怎样办后索引的效果及优缺点跟一个数字开始appstore一个八进制转义。这使得创立特定的字符串变得不或许，例如Windows文件途径 C:uuuxxx1索引失效的几种状况11。更多细节参看模板字符串。

ES10新特性（2019）

行分隔符（U + 2028）和段分隔符（U + 2029）符号现在容许在字符串文字中，与JSON匹配
愈加友善的 JSON.stringify
新增了Array的flat()办法和flatMap()办法
新增了String的trimStart()办法和trimEnd()办法
Object.fromEntries()
Symios最好玩的手游bol.prototype.description
String.prototype.approvematchAll
Function.prototype.toString()现在回来精确字符，包含空格和注释
简化try {} catch {},批改 catch 绑定
新的根柢数据类型BigInt
globalThis
import()
Legacy RegEx
私有的实例办法和拜访器

1.行分隔符（U + 2028）和段分隔符（U + 2029）符号现在容许在字符串文字中，与JSON匹配

从前，这些符号在字符串文字中被视为行终止符，因而运用它们会导致SyntaxError异常。

2.愈加友善的 JSON.stringify

假定输入 Unicode 格局可是超出范围的字符windows许可证行将过期怎样办，在原先JSON.stringifyios15回来格局过失的Unicode字符串。现在结束了一个改动JSON.stringify的第3阶段提案，因而它为其输出转义序列，使其成为有用ios15Unicode（并以UT索引图F-8标明）

3.新增了Array的flat()办法和flatMap()办法

flat()和flatMlinux重启指令ap()本质上就是是概括（reduce）与吞并（concat）的操作。

Array.prototype.flat()
flat() 办法会依照一个可指定的深度递归遍历数组，并将悉数元素与遍历到的子数组中的元素吞并为一个新数组回来。

flat()办法最根柢的效果就是数组降维

var arr1 = [1索引是什么意思, 2, [3, 4]];
arr1.flat();
// [1, 2, 3, 4]
var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]
var arr3 = [1, 2, [3, 4, [ioslauncher5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]
//运用 Infinity 作为深度windows更新，翻linux创立文件开恣意深度的linux体系装置嵌套数组
arr3.flat(Infinity);
// [1, 2, 3, 4, 5, 6]

其次，还能够运用flat()办法的特性交游不linux重启指令断除数组的空项

var arr4 = [1, 2, , 4, 5];
arr4.flapproveat();
// [1, 2, 4, 5]

Array.prototype.flatMap()

flatMap() 办法首索引优化要运用映射函数映射每个元素，然后将效果压缩成一个新数组。它与 map 和深度值1的 flat 简直相同，但 flaapp装置下载tMap 一般在吞并成一种办法的功率略微高一些。这儿咱们拿map办法与flatMap办法做一个比较。

var arr1 = [1, 2, 3, 4];
arr1.map(x => [x * 2]);
// [[2], [4],ios下载 [6], [8]]
arr1.flatMap(x => [x *索引失效 2]);
// [2, 4, 6, 8]
// 只会将 flatMap 中ios体系的函数回来的数组 “压平” 一层
arr1.flatMap(x => [[x * 2]]);
// [[2], [4], [6], [8]]

4.新增了String的trimStwindows许可证行将过期怎样办art()办法和trimLinuxEnd(ios14.4.1更新了什么)办法

新增的这两个办法很好了解，分别去除字符串首尾空白字符，这儿就不用比如说声清楚。

5.Object.fromEios下载ntries()

Object.linux必学的60个指令entries()办法的效果是回来一个给定方针本身可枚举特征的键值对数组，其摆放与运用 for…in 循环遍历该方针时回来的次第一同（差异在于 for-in 循环也枚举原索引超出矩阵维度型链中的ios15特征）。

而Oioslauncher14安卓版bject.fromEntries() 则是 Object.entries() 的反转。

Object.fromEntries() 函数传入一个键值对的列表，并回来一个带有这些键值对的新方针。这个迭代参数应该是一个能够结束索引符号@iterator办法的的方针，回来一个迭代器方针。它生成一个具有两个元素的相似数组的方针，第一个元素是ios体系将用作特征键的值，第二个元素是与该特征键相关的值。

经过 Object.fromEntries，能够将 Map 转化为 Object:

const map = new Map([ ['foo', 'bar索引优化'], ['baz', 42] ]);
const obj = Object.fromEntries(m索引优化ap);
consoappstorele.log(obj); /app装置下载/ { foo: "bar", baz: 42 }

经过 Object.fromEntries，能够将 ArrayLinux 转化为 Object:

const arr = [ [索引失效'0', 'a'], ['1', 'b'], ['2', 'c索引怎样做'] ];
constwindows许可证行将过期怎样办 obj = Object.fromEntries(arr);
console.log(obj); // { 0: "a", 1: "b", 2: "c" }

6.Symbol.prototype.description

经过工厂函数Symbol（）创立符号时，您能够挑选经过参数供给字符串作为描绘：

const sym = Symbol('The description');

从前，拜访描绘的唯一办法是将符号转换为字符串索引是什么意思：

asios8备忘录sert.equal(String(sym), 'Symbappreciateol(Thewindows10 description)');

现在引进了getter Symbol.prototype.description以直接拜访描绘：

assert.appearequal(sym.windows7旗舰版description, 'The description');

7.S索引失效tring.prototype.matchAll

matchAll() 办法回来一个包含悉数匹配正则表达APP式及分组捕获效果的迭代器。在 matchAll 出现之前，经过在循环中调用regexp.exec来获取悉数匹配项信息（regexp需运用/g标志：

const regexp = RegEios14.4.1更新了什么xp('foo*','g');
const str = 'table football, foosball';
whillinux重启指令e ((matches = regexp.exec(str)) !== null) {
console.windows体系log(`Found ${matches[0]}. N索引怎样做ext starts at ${regexp.lastIndex}.`);
// expected output: "Found foo. Next starts at 9."
// expeapp装置下载cted output: "Found foo. Next starts at 19."
}

假定运用matchAll ，就能够不用运用while循环加exec办法（且appreciate正则表达式需运用／g标志）。运用matchAll 会得到一个迭代器的回来值，协作 for…of, array spread, or Array.from() 能够更便利结束功用：

const regexp = RegExp('foo*',索引怎样做'gapple');
const str = 'table football, foos索引失效ball';
let malinux创立文件tches = str.matchAll(regexp);
for (const match of matches) {
console.log(match);linux指令
}
// Array [ "foo" ]
// Array [ "foo" ]
// matches iterator is exhausted a索引符号fter the for..olinux指令f iteration
// Call matchA索引是什么意思ll again to create a napp装置下载ew iterator
matches = str.matchAll(regexp);
Array.from(matches, m => m[0]);
// Array [ "foo", "foo" ]
matchAll能够更好的用于分组
var regexp = /t(e)(st(d?))/g;
var str = 'test1test2';
str.match(regexp);
// Array ['test1', 'test2']
let array = [...str.matchAll(regexp)];
array[0];
// [linux创立文件'test1', 'e', 'st1', '1', index: 0, input:索引有哪几种类型 'windows体系test1test2', length: 4]
array[1];
// ['test2', 'e', 'st2', '2', index: 5, input: 'test1test2', length: 4]

8.Function.pr索引符号ototype.toString()现在回来精确字符，包含空格和注释

function /* coios体系mment */ foo /* another comment */apple() {}
// 之前不会打印注释部分
console.log(foo.toString()); // function foo(){}
// ES2019 会把注释一同打印
console.log(foo.toString()); // function /* comment */ foo /* another comment */ (){}
// 箭头函数
const bar /* comment */ = /* another comment */ () => {};
console.log(linux创立文件bar.toString()); // ()ioslauncher => {}

9.批改 catch 绑定

在 ES10 之前linux必学的60个指令，咱们有必要通appear过语法为 catch 子句绑定异常变linux是什么操作体系量，不论是否有必要。许多时分 catch 块是剩下的。 ES10 提案使咱们能够简略的把变量省掉linux必学的60个指令掉。

不算大的改动。

之前是

try {} catch(APPe) {}

现在是

try {} catch {}

10.新的根柢数linux重启指令据类型BigInt

现在的根柢数据类型（值类型）不止5种（ES6之后是六ios下载种）了哦索引失效！加上BigInt一共有七种根柢数据类型，分别是： String、Number、Bolinux是什么操作体系olean、Null、Undefined、Symbol、BigIntwindows许可证行将过期怎样办

原文链接：juejin.im/post/5ca2e1…

ES6~ES10新特性