ECMAScript 2022

JavaScript 版本号

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

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

ES2022 的新特性

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

JavaScript Array at()

ES2022 引入了数组方法 :

ਉਦਾਹਰਣ 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];

ਸਵੈ ਮੋਹਬਤ ਕਰਕੇ ਪ੍ਰਯੋਗ ਕਰੋ

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

JavaScript String at()

ES2022 ਨੇ ਸਟ੍ਰਿੰਗ ਮੇਥਡ ਦਾ ਪ੍ਰਵੇਸ਼ ਕੀਤਾ :

ਉਦਾਹਰਣ 1

ਨਾਮ ਚਿੰਨ੍ਹ ਸਟ੍ਰਿੰਗ ਦੀ ਤੀਜੀ ਅੱਕਸ਼ਰ ਪ੍ਰਾਪਤ ਕਰੋ:

let letter = name.at(2);

ਸਵੈ ਮੋਹਬਤ ਕਰਕੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਨਾਮ ਚਿੰਨ੍ਹ ਸਟ੍ਰਿੰਗ ਦੀ ਤੀਜੀ ਅੱਕਸ਼ਰ ਪ੍ਰਾਪਤ ਕਰੋ:

ਸਵੈ ਮੋਹਬਤ ਕਰਕੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਵੈ ਮੋਹਬਤ ਕਰਕੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਵੈ ਮੋਹਬਤ ਕਰਕੇ ਪ੍ਰਯੋਗ ਕਰੋ

 
   
 
  ਥਰਾਊ ਨਵੀਂ ਰਿਟਰਨ (\ 
}

ਸਵੈ ਮੋਹਬਤ ਕਰਕੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਜਾਵਾਸਕ੍ਰਿਪਟ ਅਵੇਈਟ ਇਮਪੋਰਟ

ਜਾਵਾਸਕ੍ਰਿਪਟ ਮੌਡਿਊਲ ਹੁਣ ਚਲਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਇਸਤੇਮਾਲ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ:

ਇਮਪੋਰਟ {ਮਾਈਡਾਟਾ} ਵੱਲੋਂ './ਮਾਈਡਾਟਾ.ਜ਼ਸ';
ਕੰਸਟ ਡਾਟਾ = ਅਵੇਈਟ ਮਾਈਡਾਟਾ();

ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲਾਸ ਫੀਲਡ ਐਲਾਨ

class Hello {
  ਕੌਂਟਰਰ = 0; // ਕਲਾਸ ਫੀਲਡ
}
const myClass = new Hello();
ਲਿਟ ਐਕਸ = ਮਾਈਕਲਾਸ.counter;

2021 ਸਤੰਬਰ ਤੋਂ, ਸਾਰੇ ਆਧੁਨਿਕ ਬਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਕਲਾਸ ਫੀਲਡ ਐਲਾਨ ਸਮਰਥ ਹੋਈ ਹੈ:

JavaScript 私有方法和字

class Hello {
  #counter = 0;  // 私有字
  #myMethod() {} // 私有方法
}
const myClass = new Hello();
let x = myClass.#counter; // 错误
myClass.#myMethod();      // 错误

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