ECMAScript 2022

JavaScript 版本号

旧的 ECMAScript 版本以数字命名：ES5 和 ES6。

从 2016 年开始，版本以年份命名：ES2016、2018、2020、2022。

ES2022 的新特性

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• 类字段声明
• 私有方法和字段

JavaScript Array at()

ES2022 引入了数组方法 at()：

例子 1

获取 fruits 数组的第三个元素：

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(2);

亲自试一试

例子 2

获取 fruits 数组的第三个元素：

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[2];

亲自试一试

at() 方法从数组中返回指定索引的元素。

at() 方法与 [] 返回的结果相同。

自 2022 年 3 月起，所有现代浏览器中均支持 at() 方法：

JavaScript String at()

ES2022 引入了字符串方法 at()：

例子 1

获取 name 字符串的第三个字母：

const name = "W3School";
let letter = name.at(2);

亲自试一试

例子 2

获取 name 字符串的第三个字母：

const name = "W3School";
let letter = name[2];

亲自试一试

at() 方法从字符串中返回指定索引的字符。

at() 方法与 [] 返回的结果相同。

自 2022 年 3 月起，所有现代浏览器中均支持 at() 方法：

RegExp d 修饰符

ES2022 添加了 /d 修饰符，用于表示匹配的开始和结束。

实例

let text = "aaaabb";
let result = text.match(/(aa)(bb)/d);

亲自试一试

RegExp 修饰符用于指定不区分大小写，以及其他全局搜索：

Object.hasOwn()

ES2022 提供了一种安全的方法来检查属性是否是对象的自有属性。

Object.hasOwn() 类似于 Object.prototype.hasOwnProperty，但支持所有对象类型。

实例

Object.hasOwn(myObject, age)

亲自试一试

Error Cause

ES2022 允许通过 error.cause 指定错误的根本原因。

实例

try { 
  connectData(); 
} catch (err) { 
  throw new Error("Connecting failed.", { cause: err }); 
}

亲自试一试

JavaScript await import

JavaScript 模块现在可以在运行前等待需要导入的资源：

import {myData} from './myData.js';

const data = await myData();

JavaScript 类字段声明

class Hello {
  counter = 0; // 类字段
}
const myClass = new Hello();

let x = myClass.counter;

自 2021 年 4 月起，所有现代浏览器中均支持类字段声明：

JavaScript 私有方法和字段

class Hello {
  #counter = 0;  // 私有字段
  #myMethod() {} // 私有方法
}
const myClass = new Hello();

let x = myClass.#counter; // 错误
myClass.#myMethod();      // 错误

自 2021 年 6 月起，在所有现代浏览器中均支持私有方法和字段：