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، همه مرورگرهای مدرن از 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، همه مرورگرهای مدرن از at() روش:

ویرایشگر d RegExp

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)

آزمایش کنید

دلیل خطا

ES2022 اجازه می‌دهد با استفاده از error.cause به علت اصلی خطا اشاره شود.

مثال

try { 
  connectData(); 
} 
  throw new Error("اتصال شکست خورد.", { cause: err }); 
}

آزمایش کنید

وارد کردن منتظر جاوااسکریپت

مدول‌های جاوااسکریپت اکنون می‌توانند در حال اجرا بودن منتظر منابع مورد نیاز برای وارد کردن باشند:

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

تعریف حیطه‌های کلاسیک جاوااسکریپت

class Hello {
  counter = 0; // حیطه کلاسیک
}
const myClass = new Hello();
let x = myClass.counter;

از آوریل 2021، همه مرورگرهای مدرن از تعریف حیطه‌های کلاسیک پشتیبانی می‌کنند:

روش‌های خصوصی و فیلدهای خصوصی JavaScript

class Hello {
  #counter = 0;  // فیلد خصوصی
  #myMethod() {} // روش خصوصی
}
const myClass = new Hello();
let x = myClass.#counter; // اشتباه
myClass.#myMethod();      // اشتباه

از ژوئن 2021، روش‌های خصوصی و فیلدهای خصوصی در همه مرورگرهای مدرن پشتیبانی می‌شوند: