ECMAScript 2020（ES2020）的新增语法

最新推荐文章于 2024-01-19 09:32:03 发布

SunSeekerX

最新推荐文章于 2024-01-19 09:32:03 发布

阅读量779

点赞数 2

分类专栏： Coding # JavaScript 和前端文章标签： javascript node.js

本文链接：https://blog.csdn.net/a1647800606/article/details/104846014

版权

本文详细介绍了ECMAScript 2020（ES2020）的新特性，包括类的私有变量、Promise.allSettled、空值合并运算符、可选链式操作符、BigInt、动态引入等。通过这些新语法，开发者可以更高效地编写JavaScript代码，并处理更大范围的数值。文章还给出了相关特性的使用示例，帮助读者更好地理解和应用这些新功能。

摘要由CSDN通过智能技术生成

ECMAScript 2020（ES2020）的新增语法

是时候对不断变化的艺术作品(即JavaScript)进行另一个更新了。在本文中，我们将回顾ES2020的一些最新和最强大的功能。

安装

自从很多人不认为更新他们的浏览器是为了让他们的开发工作更简单，我们需要使用babel转码来开始使用一些新的语法特性。为了简单起见，我将使用Parcel bundler让所有东西尽可能快地运行。

$ yarn add parcel-bundler

package.json

"scripts": {
   
  "start": "parcel index.html"
},

遗憾的是，在写这篇文章的时候，我们使用的语法是非常新的，市面上少有一个ES2020的工作预置环境。将下面代码写入到.babelrc文件并保存，Parcel应该可以为您处理所有安装。

.babelrc

{
   
  "plugins": [
    "@babel/plugin-proposal-nullish-coalescing-operator",
    "@babel/plugin-proposal-optional-chaining",
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-private-methods",
    "@babel/plugin-syntax-bigint"
  ]
}

类的私有变量

类的主要目的之一是将代码包含到可重用的模块中。

你创建一个在许多不同地方使用的类，你可能不希望它内部的所有内容都是全局可用的。

现在，通过在变量或函数前面添加一个简单的哈希符号，我们可以将它们完全保留为类内部使用。

class Message {
   
  // 定义一个私有变量
  #message = "Howdy"

  greet() {
    console.log(this.#message) }
}

const greeting = new Message()
// 通过实例方法调用访问
greeting.greet(