ای سی ایم اے اسکریپٹ 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

جائزہ کا نام لفظ کا تیسرا حرف حاصل کریں:

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

به طور شخصی امتحان کنید

مثال 2

جائزہ کا نام لفظ کا تیسرا حرف حاصل کریں:

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

به طور شخصی امتحان کنید

at() روش از یک رشته حروف، حرف در موقعیت مشخص شده را بازمی‌گرداند.

at() روش با [] نتایج بازگشتی مشابه.

از 2022 سال 3 شروع، همه مرورگرهای مدرن از آن پشتیبانی می‌کنند at() روش:

تبادر RegExp d

ES2022 تبادر d را اضافه کرده است /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 دلیل اصلی خطا را مشخص کنید.

مثال

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

به طور شخصی امتحان کنید

جاوااسکریپت await import

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

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

بیان فیلدهای کلاسی جاوااسکریپت

کلاس ہیلیو {
  counter = 0; // فیلد کلاسی
}
کنسٹ مائی کلاس = نیو ہیلیو();
let x = myClass.counter;

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

جسٹا اسکریپٹ پرائیویٹ مہدات اور فیلڈز

کلاس ہیلیو {
  #کاؤنٹر = 0;  // پرائیویٹ فیلڈ
  #مہدات() {} // پرائیویٹ مہدات
}
کنسٹ مائی کلاس = نیو ہیلیو();
لیٹ ایکس = مائی کلاس.#کاؤنٹر; // غلط
مائی کلاس.#مہدات();      // غلط

2021 سے جون کے بعد، تمام جدید براؤزر میں پرائیویٹ مہدات اور فیلڈز کا پشتیبندی ہے: