Jassif Team Institution

ECMAScript 2017

ECMAScript 2017 (ES8 எனவும் அழைக்கப்படுகிறது) என்பது ஜாவாஸ்கிரிப்ட் மொழிக்கான 8வது பதிப்பாகும். இது 2017 ஆம் ஆண்டில் வெளியிடப்பட்டது மற்றும் async/await, String padding, மற்றும் Object புதிய முறைகள் உள்ளிட்ட பல முக்கிய அம்சங்களை அறிமுகப்படுத்தியது.

இந்த டுடோரியலில், ES2017 இல் அறிமுகப்படுத்தப்பட்ட அனைத்து முக்கிய அம்சங்களையும் நீங்கள் கற்றுக்கொள்வீர்கள்.

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

உலாவி ஆதரவு

JavaScript 2017 செப்டம்பர் 2017 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது:

JavaScript String Padding

ECMAScript 2017 ஜாவாஸ்கிரிப்டுக்கு இரண்டு சரம் முறைகளை சேர்த்தது: padStart() மற்றும் padEnd() ஒரு சரத்தின் தொடக்கத்திலும் முடிவிலும் padding ஆதரவுக்காக.

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

let text = "5";
text = text.padStart(4,0);

let text = "5";
text = text.padEnd(4,0);

JavaScript Object Entries

ECMAScript 2017 பொருள்களுக்கு Object.entries() முறையை சேர்த்தது.

Object.entries() ஒரு பொருளில் உள்ள விசை/மதிப்பு ஜோடிகளின் வரிசையை வழங்குகிறது:

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

const person = {
  firstName : "John",
  lastName : "Doe",
  age : 50,
  eyeColor : "blue"
};

let text = Object.entries(person);

Object.entries() loops இல் பொருள்களைப் பயன்படுத்த எளிதாக்குகிறது:

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

const fruits = {Bananas:300, Oranges:200, Apples:500};

let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
  text += fruit + ": " + value + "
";
}

Object.entries() பொருள்களை வரைபடங்களாக மாற்றவும் எளிதாக்குகிறது:

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

const fruits = {Bananas:300, Oranges:200, Apples:500};

const myMap = new Map(Object.entries(fruits));

JavaScript Object Values

Object.values() என்பது Object.entries() போன்றது, ஆனால் பொருள் மதிப்புகளின் ஒரு ஒற்றை பரிமாண வரிசையை வழங்குகிறது:

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

const person = {
  firstName : "John",
  lastName : "Doe",
  age : 50,
  eyeColor : "blue"
};

let text = Object.values(person);

JavaScript Async Functions

async மற்றும் await keywords ES2017 இல் அறிமுகப்படுத்தப்பட்டன, இது அசிங்க்ரோனஸ் குறியீட்டை எழுதுவதையும் படிப்பதையும் எளிதாக்குகிறது.

Waiting for a Timeout

async function myDisplay() {
  let myPromise = new Promise(function(myResolve, myReject) {
    setTimeout(function() { myResolve("I love You !!"); }, 3000);
  });
  document.getElementById("demo").innerHTML = await myPromise;
}

myDisplay();

JavaScript Trailing Commas

ஜாவாஸ்கிரிப்ட் கமா-பிரிக்கப்பட்ட மதிப்புகளின் பட்டியல் ஏற்றுக்கொள்ளப்படும் எந்த இடத்திலும் trailing commas அனுமதிக்கிறது.

வரிசை மற்றும் பொருள் இலக்கியங்கள், செயல்பாடு அழைப்புகள், அளவுருக்கள், இறக்குமதிகள் மற்றும் ஏற்றுமதிகளில்.

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

function myFunc(x,,,) {};
const myArr = [1,2,3,4,,,];
const myObj = {fname: John, age:50,,,};

Object.getOwnPropertyDescriptors() முறை

Object.getOwnPropertyDescriptors() கொடுக்கப்பட்ட பொருளின் அனைத்து சொந்த பண்பு descriptors வழங்குகிறது.

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

getOwnPropertyNames() முறை ஒரு பொருளின் பண்புகளுடன் ஒரு வரிசையை வழங்குகிறது:

const myProp = Object.getOwnPropertyNames(person);

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

getOwnPropertyDescriptors() முறை ஒரு பொருளின் பண்பு descriptors வழங்குகிறது.

const myProp = Object.getOwnPropertyDescriptors(person);

ஒரு பண்பு descriptor என்பது ஒரு பண்பின் அனைத்து பண்புகளையும் விவரிக்கும் ஒரு பொருள்:

Object Cloning

Object.getOwnPropertyDescriptors() பெரும்பாலும் getters, setters, மற்றும் பண்பு பண்புகளைப் பாதுகாத்துக்கொண்டே பொருள்களை குளோன் செய்ய பயன்படுத்தப்படுகிறது:

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

const clone = Object.defineProperties({}, Object.getOwnPropertyDescriptors(person));

ECMAScript 2017 பயிற்சி

ES2017 இல் கற்றுக்கொண்ட அம்சங்களைச் சோதிக்க இந்தப் பயிற்சியை முயற்சிக்கவும்.