在 JavaScript 中，代码的执行顺序是非常重要的，这直接影响着程序的运行结果。在 ECMAScript 2019 中，JavaScript 引入了一些新的特性来改善代码的执行顺序，本文将详细介绍这些特性及其使用方法。
代码执行顺序
在 JavaScript 中，代码的执行顺序是由事件循环机制控制的。事件循环机制是一种异步执行模型，它的主要思想是将任务分为两类：同步任务和异步任务。
同步任务是指在主线程上排队执行的任务，只有当前任务执行完毕后，才会开始执行下一个任务。而异步任务则是指不会立即执行的任务，它们会被放置在一个任务队列中，等待主线程空闲时再执行。
当主线程执行完一个同步任务后，它就会检查异步任务队列中是否有任务需要执行。如果有，就会将第一个异步任务取出来执行，否则就会继续等待。
ECMAScript 2019 中的新特性
在 ECMAScript 2019 中，JavaScript 引入了一些新的特性来改善代码的执行顺序。下面将介绍其中最重要的两个特性：Promise.allSettled() 和可选链操作符。
Promise.allSettled()
Promise.allSettled() 是一个新的 Promise 方法，它可以接收一个 Promise 对象数组作为参数，并返回一个 Promise 对象。当传入的所有 Promise 对象都执行完毕后，该 Promise 对象会根据每个 Promise 对象的执行结果返回一个数组。
与 Promise.all() 不同的是，Promise.allSettled() 不会在其中一个 Promise 对象出现错误时立即返回，而是会等待所有 Promise 对象都执行完毕后再返回结果。
下面是一个示例代码：
// javascriptcn.com 代码示例
const promises = [
Promise.resolve('Resolved'),
Promise.reject('Rejected'),
Promise.resolve('Resolved')
];
Promise.allSettled(promises)
.then(results => console.log(results))
.catch(error => console.log(error));输出结果为：
[
{ status: 'fulfilled', value: 'Resolved' },
{ status: 'rejected', reason: 'Rejected' },
{ status: 'fulfilled', value: 'Resolved' }
]可选链操作符
可选链操作符是 ECMAScript 2019 中另一个重要的新特性，它可以让我们更方便地访问嵌套对象的属性和方法，而不必担心出现空指针异常。
在 JavaScript 中，如果我们要访问一个嵌套的对象属性或方法，我们通常需要使用多个点号来访问。如果其中某个属性或方法不存在，就会出现空指针异常。
可选链操作符就是为了解决这个问题而出现的。它可以让我们在访问属性或方法时使用问号 ? 来表示如果该属性或方法不存在，返回 undefined 而不是抛出异常。
下面是一个示例代码：
// javascriptcn.com 代码示例
const obj = {
foo: {
bar: {
baz: 'Hello World'
}
}
};
console.log(obj?.foo?.bar?.baz); // 输出 Hello World
console.log(obj?.foo?.qux?.baz); // 输出 undefined总结
在 ECMAScript 2019 中，JavaScript 引入了一些新的特性来改善代码的执行顺序。其中最重要的两个特性是 Promise.allSettled() 和可选链操作符。Promise.allSettled() 可以让我们更方便地处理 Promise 对象数组的执行结果，而可选链操作符则可以让我们更方便地访问嵌套对象的属性和方法，避免出现空指针异常。这些新特性的引入为我们编写高质量的 JavaScript 代码提供了更多的选择和便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65112b5c95b1f8cacd989fb9