M

MLOG

தமிழ்

ஜாவாஸ்கிரிப்ட் ES2024 இன் அற்புதமான புதிய அம்சங்களையும், அவை நிஜ உலக டெவலப்மெண்ட் சூழ்நிலைகளில் எவ்வாறு பயன்படுத்தப்படலாம் என்பதையும் கண்டறியுங்கள். இந்த விரிவான வழிகாட்டியுடன் முன்னணியில் இருங்கள்.

ஜாவாஸ்கிரிப்ட் ES2024: புதிய அம்சங்கள் மற்றும் நிஜ உலக பயன்பாடுகளை வெளிக்கொணர்தல்

ஜாவாஸ்கிரிப்ட் தளம் தொடர்ந்து வளர்ந்து வருகிறது, மேலும் ES2024 (ECMAScript 2024) டெவலப்பர் உற்பத்தித்திறனை அதிகரிக்கவும், கோட் வாசிப்புத்தன்மையை மேம்படுத்தவும், மற்றும் வெப் டெவலப்மென்ட்டில் புதிய சாத்தியங்களைத் திறக்கவும் வடிவமைக்கப்பட்ட புதிய அம்சங்களின் தொகுப்பைக் கொண்டுவருகிறது. இந்த வழிகாட்டி இந்த அற்புதமான சேர்த்தல்களின் விரிவான கண்ணோட்டத்தை வழங்குகிறது, பல்வேறு களங்களில் அவற்றின் சாத்தியமான பயன்பாடுகளை ஆராய்கிறது.

எக்மாஸ்கிரிப்ட் என்றால் என்ன, அது ஏன் முக்கியமானது?

எக்மாஸ்கிரிப்ட் (ES) என்பது ஜாவாஸ்கிரிப்டின் பின்னால் உள்ள தரப்படுத்தல் ஆகும். இது மொழியின் தொடரியல் மற்றும் சொற்பொருளை வரையறுக்கிறது. ஒவ்வொரு ஆண்டும், எக்மாஸ்கிரிப்டின் புதிய பதிப்பு வெளியிடப்படுகிறது, இது ஒரு கடுமையான தரப்படுத்தல் செயல்முறைக்கு உட்பட்ட முன்மொழிவுகளை உள்ளடக்கியது. இந்த புதுப்பிப்புகள் ஜாவாஸ்கிரிப்ட் ஒரு சக்திவாய்ந்த மற்றும் பல்துறை மொழியாக இருப்பதை உறுதிசெய்கின்றன, நவீன வலைப் பயன்பாடுகளின் தேவைகளைக் கையாளும் திறன் கொண்டது. இந்த மாற்றங்களுடன் புதுப்பித்த நிலையில் இருப்பது, டெவலப்பர்கள் மிகவும் திறமையான, பராமரிக்கக்கூடிய மற்றும் எதிர்காலத்திற்கு ஏற்ற கோடை எழுத அனுமதிக்கிறது.

ES2024 இன் முக்கிய அம்சங்கள்

ES2024 பல குறிப்பிடத்தக்க அம்சங்களை அறிமுகப்படுத்துகிறது. அவற்றில் ஒவ்வொன்றையும் விரிவாக ஆராய்வோம்:

1. அரே குழுவாக்கம்: Object.groupBy() மற்றும் Map.groupBy()

இந்த அம்சம் Object மற்றும் Map கன்ஸ்ட்ரக்டர்களுக்கு இரண்டு புதிய ஸ்டேடிக் முறைகளை அறிமுகப்படுத்துகிறது, இது டெவலப்பர்கள் ஒரு வழங்கப்பட்ட கீயின் அடிப்படையில் ஒரு அரேயில் உள்ள கூறுகளை எளிதாக குழுவாக்க அனுமதிக்கிறது. இது ஒரு பொதுவான புரோகிராமிங் பணியை எளிதாக்குகிறது, மேலும் நீளமான மற்றும் பிழை ஏற்பட வாய்ப்புள்ள கைமுறை செயலாக்கங்களின் தேவையை குறைக்கிறது.

உதாரணம்: பொருட்களை வகையின்படி குழுவாக்குதல் (மின்-வணிகப் பயன்பாடு)


const products = [
  { name: 'Laptop', category: 'Electronics', price: 1200 },
  { name: 'T-shirt', category: 'Apparel', price: 25 },
  { name: 'Headphones', category: 'Electronics', price: 150 },
  { name: 'Jeans', category: 'Apparel', price: 75 },
  { name: 'Book', category: 'Books', price: 20 }
];

const groupedByCategory = Object.groupBy(products, product => product.category);

console.log(groupedByCategory);
// Output:
// {
//   Electronics: [
//     { name: 'Laptop', category: 'Electronics', price: 1200 },
//     { name: 'Headphones', category: 'Electronics', price: 150 }
//   ],
//   Apparel: [
//     { name: 'T-shirt', category: 'Apparel', price: 25 },
//     { name: 'Jeans', category: 'Apparel', price: 75 }
//   ],
//   Books: [
//     { name: 'Book', category: 'Books', price: 20 }
//   ]
// }

const groupedByCategoryMap = Map.groupBy(products, product => product.category);
console.log(groupedByCategoryMap);
//Output:
// Map(3) {
//   'Electronics' => [ { name: 'Laptop', category: 'Electronics', price: 1200 }, { name: 'Headphones', category: 'Electronics', price: 150 } ],
//   'Apparel' => [ { name: 'T-shirt', category: 'Apparel', price: 25 }, { name: 'Jeans', category: 'Apparel', price: 75 } ],
//   'Books' => [ { name: 'Book', category: 'Books', price: 20 } ]
// }

நிஜ உலக பயன்பாடுகள்:

நன்மைகள்:

2. Promise.withResolvers()

இந்த புதிய ஸ்டேடிக் முறையானது, Promises-களையும் அவற்றின் தொடர்புடைய resolve மற்றும் reject செயல்பாடுகளையும் உருவாக்க ஒரு எளிமையான வழியை வழங்குகிறது. இது promise, resolve, மற்றும் reject முறைகளைக் கொண்ட ஒரு ஆப்ஜெக்டை வழங்குகிறது, இதன் மூலம் ரிசால்வர் செயல்பாடுகளை கைமுறையாக உருவாக்கி அவற்றின் ஸ்கோப்பை நிர்வகிக்கும் தேவையை நீக்குகிறது.

உதாரணம்: Promise.withResolvers() மூலம் ஒரு டைமரை உருவாக்குதல்


function delay(ms) {
  const { promise, resolve, reject } = Promise.withResolvers();
  setTimeout(() => {
    resolve();
  }, ms);
  return promise;
}

async function main() {
  console.log('Start');
  await delay(2000);
  console.log('End'); // இது 2 விநாடிகளுக்குப் பிறகு அச்சிடப்படும்
}

main();

நிஜ உலக பயன்பாடுகள்:

நன்மைகள்:

3. String.prototype.isWellFormed() மற்றும் toWellFormed()

இந்த புதிய முறைகள் யூனிகோட் ஸ்டிரிங்குகளைக் கையாள்வதில், குறிப்பாக இணைக்கப்படாத சரோகேட் கோட் புள்ளிகளைக் கையாள்வதில் கவனம் செலுத்துகின்றன. இணைக்கப்படாத சரோகேட் கோட் புள்ளிகள், ஸ்டிரிங்குகளை UTF-16 அல்லது பிற வடிவங்களுக்கு என்கோடிங் செய்யும்போது சிக்கல்களை ஏற்படுத்தக்கூடும். isWellFormed() ஒரு ஸ்டிரிங்கில் ஏதேனும் இணைக்கப்படாத சரோகேட் கோட் புள்ளிகள் உள்ளதா எனச் சரிபார்க்கிறது, மேலும் toWellFormed() அவற்றை யூனிகோட் மாற்று எழுத்துக்குறியுடன் (U+FFFD) மாற்றி ஒரு நன்கு வடிவமைக்கப்பட்ட ஸ்டிரிங்கை உருவாக்குகிறது.

உதாரணம்: இணைக்கப்படாத சரோகேட் கோட் புள்ளிகளைக் கையாளுதல்


const str1 = 'Hello \uD800 World'; // ஒரு இணைக்கப்படாத சரோகேட்டைக் கொண்டுள்ளது
const str2 = 'Hello World';

console.log(str1.isWellFormed()); // false
console.log(str2.isWellFormed()); // true

console.log(str1.toWellFormed()); // Hello � World (இங்கு � என்பது மாற்று எழுத்துக்குறி)
console.log(str2.toWellFormed()); // Hello World

நிஜ உலக பயன்பாடுகள்:

நன்மைகள்:

பிற குறிப்பிடத்தக்க புதுப்பிப்புகள்

மேற்கண்ட அம்சங்கள் மிகவும் முக்கியமானவை என்றாலும், ES2024 பிற சிறிய புதுப்பிப்புகள் மற்றும் செம்மைப்படுத்தல்களையும் கொண்டிருக்கலாம். இவற்றில் பின்வருவன அடங்கும்:

உலாவி இணக்கத்தன்மை மற்றும் டிரான்ஸ்பிலேஷன்

எந்தவொரு புதிய எக்மாஸ்கிரிப்ட் வெளியீட்டைப் போலவே, உலாவி இணக்கத்தன்மையும் ஒரு முக்கிய கருத்தாகும். நவீன உலாவிகள் பொதுவாக புதிய அம்சங்களை விரைவாக ஏற்றுக்கொண்டாலும், பழைய உலாவிகளுக்கு டிரான்ஸ்பிலேஷன் தேவைப்படலாம். டிரான்ஸ்பிலேஷன் என்பது பேபல் போன்ற கருவிகளைப் பயன்படுத்தி ES2024 கோடை பழைய உலாவிகளுடன் இணக்கமான ES5 அல்லது ES6 கோடாக மாற்றுவதை உள்ளடக்குகிறது. இது உங்கள் கோட் பரந்த அளவிலான சூழல்களில் இயங்குவதை உறுதி செய்கிறது.

ES2024ஐ ஏற்றுக்கொள்வது: சிறந்த நடைமுறைகள்

ES2024 அம்சங்களை ஏற்றுக்கொள்ளும்போது கருத்தில் கொள்ள வேண்டிய சில சிறந்த நடைமுறைகள் இங்கே:

முடிவுரை

ஜாவாஸ்கிரிப்ட் ES2024 டெவலப்பர் உற்பத்தித்திறன் மற்றும் கோட் தரத்தை கணிசமாக மேம்படுத்தக்கூடிய மதிப்புமிக்க அம்சங்களின் தொகுப்பைக் கொண்டுவருகிறது. எளிதாக்கப்பட்ட அரே குழுவாக்கம் முதல் மேம்படுத்தப்பட்ட பிராமிஸ் மேலாண்மை மற்றும் யூனிகோட் கையாளுதல் வரை, இந்தச் சேர்த்தல்கள் டெவலப்பர்களுக்கு மேலும் வலுவான, திறமையான மற்றும் பராமரிக்கக்கூடிய வலைப் பயன்பாடுகளை உருவாக்க உதவுகின்றன. இந்த புதிய அம்சங்களைப் புரிந்துகொண்டு ஏற்றுக்கொள்வதன் மூலம், டெவலப்பர்கள் முன்னணியில் இருக்க முடியும் மற்றும் எப்போதும் வளர்ந்து வரும் வெப் டெவலப்மென்ட் உலகில் புதிய சாத்தியங்களைத் திறக்க முடியும். மாற்றத்தை ஏற்றுக்கொள்ளுங்கள், சாத்தியக்கூறுகளை ஆராயுங்கள், மற்றும் ES2024 உடன் உங்கள் ஜாவாஸ்கிரிப்ட் திறன்களை உயர்த்துங்கள்!

மேலும் ஆதாரங்கள்