Jassif Team Institution

ECMAScript 2009

JavaScript க்கான முதல் முக்கிய திருத்தம்.

ECMAScript 2009 ES5 என்றும் அறியப்படுகிறது.

ES5 அம்சங்கள்

உலாவி ஆதரவு

JavaScript 2009 ஜூலை 2013 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது:

"use strict" Directive

"use strict" JavaScript குறியீடு "strict mode" இல் செயல்படுத்தப்பட வேண்டும் என்று வரையறுக்கிறது.

Strict mode உடன், உதாரணமாக, அறிவிக்கப்படாத மாறிகளைப் பயன்படுத்த முடியாது.

உங்கள் அனைத்து நிரல்களிலும் strict mode ஐப் பயன்படுத்தலாம். இது சுத்தமான குறியீட்டை எழுத உதவுகிறது, அறிவிக்கப்படாத மாறிகளைப் பயன்படுத்துவதைத் தடுப்பது போன்றது.

String முறைகள்

String [] Access

charAt() முறை ஒரு சரத்தில் குறிப்பிட்ட குறியீட்டில் (நிலை) உள்ள எழுத்தை வழங்குகிறது:

let str = "HELLO WORLD";
str.charAt(0);     // returns H

ES5 சரங்களில் பண்பு அணுகலை அனுமதிக்கிறது:

let str = "HELLO WORLD";
str[0];           // returns H

String.trim()

trim() முறை இரு பக்கங்களிலிருந்தும் வெள்ளை இடைவெளிகளை நீக்குகிறது.

var str = "       Hello World!        ";
alert(str.trim());

Array முறைகள்

Array.isArray()

isArray() முறை ஒரு பொருள் வரிசையா என சரிபார்க்கிறது.

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

result = Array.isArray(fruits);

Array forEach()

forEach() முறை ஒவ்வொரு வரிசை உறுப்புக்கும் ஒரு முறை செயல்பாட்டை அழைக்கிறது.

const numbers = [45, 4, 9, 16, 25];

numbers.forEach(myFunction);

Array map()

map() முறை ஒவ்வொரு வரிசை உறுப்பிலும் செயல்பாட்டைச் செய்வதன் மூலம் புதிய வரிசையை உருவாக்குகிறது.

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

function myFunction(value) {
  return value * 2;
}

Array filter()

filter() முறை சோதனையில் தேர்ச்சி பெற்ற வரிசை உறுப்புகளிலிருந்து புதிய வரிசையை உருவாக்குகிறது.

const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

function myFunction(value) {
  return value > 18;
}

JSON முறைகள்

JSON.parse()

JSON இன் பொதுவான பயன்பாடு வலை சேவையகத்திலிருந்து தரவைப் பெறுவது.

const txt = '{"name":"John", "age":30, "city":"New York"}'

const myObj = JSON.parse(txt);

JSON.stringify()

JSON இன் மற்றொரு பொதுவான பயன்பாடு வலை சேவையகத்திற்கு தரவை அனுப்புவது.

const myObj = {name:"John", age:30, city:"New York"};
const myJSON = JSON.stringify(myObj);

Object முறைகள்

Object.create()

Object.create() முறை ஏற்கனவே உள்ள பொருளிலிருந்து பொருளை உருவாக்குகிறது.

// Create an Object:
const person = {
  firstName: "John",
  lastName: "Doe"
};

// Create new Object
const man = Object.create(person);
man.firstName = "Peter";

Object.keys()

Object.keys() முறை ஒரு பொருளின் விசைகளுடன் ஒரு வரிசையை வழங்குகிறது.

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

// Get the Keys
const keys = Object.keys(person);

Object.defineProperty()

Object.defineProperty() ES5 இல் ஒரு புதிய பொருள் முறை.

// Create an Object:
const person = {
  firstName: "John",
  lastName : "Doe",
  language : "NO",
};

// Change a Property:
Object.defineProperty(person, "language", {
  value: "EN",
  writable : true,
  enumerable : true,
  configurable : true
});

Date முறைகள்

Date.now()

Date.now() பூஜ்ய தேதியிலிருந்து (ஜனவரி 1, 1970) மில்லிநொடிகளின் எண்ணிக்கையை வழங்குகிறது.

var timInMSs = Date.now();

Date toISOString()

toISOString() முறை தேதி பொருளை ISO தரநிலை வடிவத்தைப் பயன்படுத்தி சரமாக மாற்றுகிறது:

const d = new Date();
document.getElementById("demo").innerHTML = d.toISOString();

Property Getters மற்றும் Setters

Property Getters

பண்பு getter என்பது ஒரு பண்பு மதிப்பு அணுகப்படும்போது அது எவ்வாறு பெறப்படுகிறது என வரையறுக்க அனுமதிக்கும் ஒரு முறை.

// Create an object:
const Person = {
  firstName: "John",
  lastName : "Doe",
  get fullName() {
    return this.firstName + " " + this.lastName;
  }
};

// Display data from the object using a getter:
document.getElementById("demo").innerHTML = Person.fullName;

Property Setters

பண்பு setter என்பது ஒரு பண்பு மதிப்பு எவ்வாறு அமைக்கப்படுகிறது என வரையறுக்க அனுமதிக்கும் ஒரு முறை.

const Person = {
  firstName: "John",
  lastName : "Doe",
  language : "NO",
  set lang(value) {
    this.language = value.toUpperCase();
  }
};

// Set an object property using a setter:
person.lang = "en";

// Display data from the object:
document.getElementById("demo").innerHTML = Person.language;

Function Bind()

bind() முறையுடன், ஒரு பொருள் மற்றொரு பொருளிலிருந்து ஒரு முறையைக் கடன் வாங்கலாம்.

const person = {
  firstName:"John",
  lastName: "Doe",
  fullName: function () {
    return this.firstName + " " + this.lastName;
  }
}

const member = {
  firstName:"Hege",
  lastName: "Nilsen",
}

let fullName = person.fullName.bind(member);

பொருள் மேலாண்மை மற்றும் பாதுகாப்பு

// Adding or changing an object property
Object.defineProperty(object, property, descriptor)

// Adding or changing object properties
Object.defineProperties(object, descriptors)

// Accessing a Property
Object.getOwnPropertyDescriptor(object, property)

// Returns all properties as an array
Object.getOwnPropertyNames(object)

// Accessing the prototype
Object.getPrototypeOf(object)

// Prevents adding properties to an object
Object.preventExtensions(object)

// Returns true if properties can be added
Object.isExtensible(object)

// Prevents changes of object properties
Object.seal(object)

// Returns true if object is sealed
Object.isSealed(object)

// Prevents any changes to an object
Object.freeze(object)

// Returns true if object is frozen
Object.isFrozen(object)

JavaScript 2009 (ES5) பயிற்சி

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