Të gjithë e dimë se ECMAScript 6, i njohur gjithashtu si ECMAScript 2015, është versioni më i fundit i standardit ECMAScript. kështu që ne do të diskutojmë disa veçori të tij -

  1. leFjala kyçe
  2. konstFjala kyçe
  3. për…e Loop
  4. Literalet e shabllonit
  5. Vlerat e paracaktuara për parametrat e funksionit
  6. Funksionet e shigjetave
  7. Klasat
  8. Modulet
  9. Parametrat e pushimit
  10. Operatori i përhapjes
  11. Detyrat e shkatërrimit
  12. Varg me shumë linja

1. le Fjalë kyçe

ES6 shtoi fjalën e re let për deklarimin e variablave. Përpara ES6, ne mund të deklarojmë një variabël duke përdorur fjalën kyçe var.

Variablat e deklaruar me fjalën kyçe var janë të shtrira në funksion dhe janë ngritur në krye brenda fushës së saj

variablat e deklaruara me fjalë kyçe let janë të shtrira në bllok dhe ato nuk janë ngritur.

Fjala kyçe let brenda një cikli, ajo nuk ekziston jashtë ciklit.

// ES6 syntax
for(let i = 0; i < 3; i++) {
    console.log(i); // 0,1,2,3
}
console.log(i); // undefined
// ES5 syntax
for(var i = 0; i < 3; i++) {
    console.log(i); // 0,1,2,3
}
console.log(i); // 3

2. constFjala kyçe

ES6 mbështet konstante dhe të njohura gjithashtu si variabla të pandryshueshmed.m.th. variablat nuk mund të ricaktohen me përmbajtje të re.
SHËNIM: Objekti dhe Array mund të ndryshohen.

const PI = 3.14;
console.log(PI); // 3.14
PI = 10; // error

3.për…e Loop

for...of cikli na lejon të përsërisim mbi vargje ose objekte të tjera të përsëritur dhe të sigurojmë në mënyrë të përshtatshme operatorin of për të përsëritur mbi të gjitha vlerat e një objekti të përsëritur
for...of cikli nuk funksionon me objekte sepse ato nuk janë të përsëritshme.

// Iterating over array
let names= [“Ram”, “Sham”, “Sita”, “Gita”];
for(let name of names) {
 console.log(letter); // Ram,Sham,Sita,Gita
}
// Iterating over string
let greet = “Welcome!”;
for(let character of greet) {
 console.log(character); // W,e,l,c,o,m,e
}

4. Literalet e shablloneve

Në ES6, Ne mund të përdorim një mënyrë tjetër për të krijuar vargje me shumë rreshta dhe interpolim të vargjeve. sintaksa${value}.

Literalet e shabllonit krijohen duke përdorur back-tick (` `).

//ES6
ageValue = 10;
var myAge = `My age is ${ageValue}`;
//ES5
ageValue = 10;
var myAge = 'My age is' +ageValue;

5. Vlerat e paracaktuara për parametrat e funksionit

ES6 siguron vlerat e paracaktuara për parametrat e funksionit.

//ES6
function getName(name='virat'){
   return `my name is ${name}`;
}
getName(sachin); // sachin
getName(); //virat
//ES5
function getName(name){
 var nameis =  'my name is' + name || virat;
   return nameis;
}
getName(sachin); // sachin
getName(); //virat

6. Funksionet e shigjetave

Është një sintaksë shumë e thjeshtë dhe koncize për krijimin e funksioneve.

//ES6
let sum = (a, b) => a + b;
//ES5
let sum = function(a, b) {
 return a + b;
};
alert( sum(1, 2) ); // 3

7. Klasat

Klasat e prezantuara në ES6 të cilat duken të ngjashme me klasat në një gjuhë tjetër të orientuar nga objekti.

Ne mund të krijojmë një klasë në ES6 duke përdorur fjalën kyçe “class”.

class User {
constructor(name) {
 this.name = name;
 }
sayHi() {
 alert(this.name);
 }
}
// Usage:
let user = new User(“Sachin”);
user.sayHi();

8.Modulet

Në ES6 ne mund të përdorim ju mund të përdorni deklaratën export ose import në një modul për të eksportuar ose importuar variabla, funksione, klasa.

//export 
export var rollNumber = 30; 
//import
import {rollNumber} from 'rollnumberModule';
console.log(rollNumber); // 30

9. Parametrat e pushimit

ES6 prezanton parametrat e pushimit që na lejojnë t'i kalojmë një numër arbitrar parametrash një funksioni në formën e një grupi.
Një parametër pushimi specifikohet duke prefiksuar një parametër të emërtuar me një operator pushimi (...), pra tre pika.

function sortNames(…names) {
 return names.sort();
}
alert(sortNames(“sachin”, “virat”, “rohit”)); // rohit,sachin,virat
alert(sortNames(“hardik”, “anil”)); // anil,hardik
function getNumbers(a, b, ...args) {
    return args;
}
alert(getNumbers(1, 2, 3, 4, 5)); // 3,4,5
alert(getNumbers(-7, 5, 0, -2, 4.5, 1, 3)); // 0,-2,4.5,1,3
  • Math.max(arg1, arg2, ..., argN) – kthen më të madhin nga argumentet.
  • Object.assign(dest, src1, ..., srcN) – kopjon vetitë nga src1..N në dest.

10. Operatori i përhapjes

Ai gjithashtu shënohet me tre pika (…) si operator pushimi, por kryeni veprimin e kundërt.

let arr = [3, 5, 1];
alert( Math.max(arr) ); // NaN
let arr = [3, 5, 1];
alert( Math.max(...arr) ); // 5 (spread turns array into a list of arguments)

Operatori spread mund të përdoret gjithashtu për të futur elementet e një grupi në një grup tjetër pa përdorur metoda të grupit si push(), unshift() concat(), etj.

let countries = [“India”, “USA”];
let states = [“Maharashtra”];
// Creating an array by inserting elements from other arrays
let cities = […countries, “pune”,…states];
alert(cities); // India,USA,pune,Maharashtra

11. Detyrat shkatërruese

Është një sintaksë e veçantë që na siguron të nxjerrim një grup ose objekt në një grup variablash.

  1. Array Destructing
  2. Shkatërrimi i objekteve

Shkatërrimi i grupit

let cities = [“Pune”, “Mumbai”];
let [a, b] = cities; // Array destructuring assignment
alert(a); // Pune
alert(b); // Mumbai

Shkatërrimi i objektit

let cities= {name: “Pune”, population: 6808000};
let {name, population} = person; // Object destructuring assignment
alert(name); // Pune
alert(population); // 6808000

12. Varg me shumë rreshta

ES6 ofron një veçori shumë të thjeshtë të vargjeve me shumë rreshta që ju nevojitet vetëm për të përdorur back-ticket

let title = `Javascript is 
 very interesting`
 
let title = ‘Javascript is\n’+
 ‘very interesting’

Faleminderit për Leximin!…✌️

Ju lutem duartrokitni ose komentoni nese ju pelqen!👏👏