Jassif Team Institution

ECMAScript 2022

JavaScript 2022 இல் புதிய அம்சங்கள்

மார்ச் 2023 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது.

உலாவி ஆதரவு

ECMAScript 2022 மார்ச் 2023 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது:

JavaScript Array at()

ES2022 வரிசை முறை at() ஐ அறிமுகப்படுத்தியது:

எடுத்துக்காட்டுகள்

பழங்களின் மூன்றாவது உறுப்பைப் பெறவும்:

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

பழங்களின் மூன்றாவது உறுப்பைப் பெறவும்:

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

at() முறை ஒரு வரிசையிலிருந்து குறியிடப்பட்ட உறுப்பைத் திருப்பித் தரும்.

at() முறை [] போலவே திருப்பித் தரும்.

at() முறை மார்ச் 2022 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது:

JavaScript String at()

ES2022 சரம் முறை at() ஐ அறிமுகப்படுத்தியது:

எடுத்துக்காட்டுகள்

பெயரின் மூன்றாவது எழுத்தைப் பெறவும்:

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

பெயரின் மூன்றாவது எழுத்தைப் பெறவும்:

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

at() முறை ஒரு சரத்திலிருந்து குறியிடப்பட்ட உறுப்பைத் திருப்பித் தரும்.

at() முறை [] போலவே திருப்பித் தரும்.

RegExp d மாற்றி

ES2022 பொருத்தத்தின் தொடக்கத்தையும் முடிவையும் வெளிப்படுத்த /d மாற்றியைச் சேர்த்தது.

எடுத்துக்காட்டு

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

RegExp மாற்றிகள் வழக்கு-உணர்திறன் அல்லாத, மற்றும் பிற உலகளாவிய தேடல்களைக் குறிப்பிட பயன்படுகின்றன:

Object hasOwn

ES2022 ஒரு பண்பு ஒரு பொருளின் சொந்த பண்பா எனப் பாதுகாப்பாகச் சரிபார்க்க ஒரு வழியை வழங்குகிறது.

Object.hasOwn() என்பது Object.hasOwnProperty() போன்றது ஆனால் அனைத்து பொருள் வகைகளையும் ஆதரிக்கிறது.

எடுத்துக்காட்டு

Object.hasOwn(myObject, age)

பிழை காரணம்

ECMAScript 2022 இலிருந்து தொடங்கி, Error constructor (மற்றும் அதன் துணை வகுப்புகள் TypeError, SyntaxError, போன்றவை) விருப்பமான {cause} பண்பை ஆதரிக்கின்றன.

இது சங்கிலி பிழைகளை உருவாக்க உங்களை அனுமதிக்கிறது - ஒரு பிழை மற்றொன்றை அதன் காரணமாக உள்ளடக்கியது.

எடுத்துக்காட்டு (முன்)

try {
  // Create a JSON parse failure
  JSON.parse("blablablabla");
} catch(err) {
  let text = err.name + " " + err.message;
}

எடுத்துக்காட்டு (இப்போது)

try {
  try {
    // Create a JSON parse failure
    JSON.parse("blablablabla");
  } catch(err) {
    // Create a new error and include the original one as the cause
    throw new Error("Failed to load JSON", {cause:err});
  }
} catch(err){
  let text = err.name + " " + err.message;
  document.getElementById("demo").innerHTML = text;
}

JavaScript await import

JavasSript தொகுதிகள் இப்போது இயக்குவதற்கு முன் இறக்குமதி தேவைப்படும் வளங்களுக்கு காத்திருக்கலாம்:

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

const data = await myData();

JavaScript வகுப்புப் புல அறிவிப்புகள்

class Hello {
  counter = 0; // Class field
}
const myClass = new Hello();

let x = myClass.counter;

JavaScript தனியார் முறைகள் மற்றும் புலங்கள்

class Hello {
  #counter = 0;  // Private field
  #myMethod() {} // Private method
}
const myClass = new Hello();

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

ECMAScript 2022 பயிற்சி

இந்த பயிற்சி உங்கள் ECMAScript 2022 புதிய அம்சங்கள் பற்றிய அறிவைச் சோதிக்க உதவும்.