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 = "W3Schools";
let letter = name.at(2);

ကိုယ်တိုင် ကြိုးစားလမ်း

အမှတ် 2 ပုံ

စာလုံး name ကို နောက်ဆုံး အက္ခရာ ကို ရယူပါ:

const name = "W3Schools";
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(); 
} 
  throw new Error("Connecting failed.", { cause: err }); 
}

ကိုယ်တိုင် ကြိုးစားလမ်း

ဂျာဇီယံ await import

ဂျာဇီယံ အာမ်းလုံး ကို လက်ဆုံး အစီအစဉ် မှ ကို ကူညီပေးသည်:

import {myData} from './myData.js';
const data = await myData();

ဂျာဇီယံ နမူနာ အမှုန် ဖြေဖြေရာ

class Hello {
  counter = 0; // နမူနာ အမှုန်
}
}
let x = myClass.counter;

2021 နှစ် 4 လ မှ စ၍ ယခုအခါ နောက် အသုံးပြုသော ဘရောက်ဆာကာပ်များ အား နမူနာ ပုံစံ အစီအစဉ် ကို ထောက်ပံ့ပေးသည်:

JavaScript 私有方法和字段

class Hello {
  #counter = 0;  // 私有字段
  #myMethod() {} // 私有方法
}
}
const myClass = new Hello();
let x = myClass.#counter; // အမှ�

myClass.#myMethod(); // အမှာ