Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:javascript:ecmascript_6

< JavaScript

ECMAScript 6

Az ECMAScript 6

Az ECMAScript 6 a JavaScript második nagyobb kiadása.

Úgy is ismerik mint:

  • ECMAScript 2015 - ES6
  • ES6
  • ECMAScript 2015

Új tulajdonságok

  • let kulcsszó
  • const kulcsszó
  • for/of
  • nyílfüggvény
  • valódi osztályok (class)
  • promis
  • szimbólumok
  • alapértelmezett paraméterek
  • függvény Rest paraméter
  • Array.find()
  • Array.findIndex()
  • Új Number tulajdonságok
  • Új Number metódusok
  • Új globális metódusok
  • JavaScript modulok

Támogatottság

A böngészők a következő verziótól támogatják:

  • Chrome 58 - 2017
  • Edge 14 - 2016
  • Firefox 54 - 2017
  • Safari 10 - 2016
  • Opera 55 - 2018

for/of

Segítségével bejárhatók tömbök és stringek is.

for (változó of iterálható) {
  // utasítások
}
var szoveg = 'alma';
 
for(var ch of szoveg) {
    console.log(ch);
}

JavaScript Promise

A Promise egy JavaScript objektum, ami összekapcsolja az ipari kódot és az alacsony szintű kódot.

A kód futtatása, ha eltart egy ideig, akkor az alacsony szintű kódnak várakoznia kell az eredményre.

Szintaxis:

<let sajatPromise = new Promise(function(megoldas, elutasitas){
   megoldas(); // siker esetén
   elutasitas(); // hiba esetén
});
 
sajatPromise.then(
    function(ertek) { // kód siker esetén }
    function(hiba) {// kód hiba esetén }
);

Példa a használatra:

let sajatPromise = new Promise(function(megoldas, elutasitas) {
  setTimeout(function() { megoldas("Teszt"); }, 5000);
});
 
sajatPromise.then(function(ertek) {
  document.getElementById("egy").innerHTML = ertek;
});

Symbol

A Symbol egy új primitív típus, mint a Number, String és a Boolean. Segítségével teljesen egyedi azonosítót lehet létrehozni.

const mari = {
    nev: 'Kis Mária',
    telepules: 'Szeged',
    fizetes: 7650000
};
 
const janos = {
    nev: 'Nagy János',
    telepules: 'Szolnok',
    fizetes: 8450000
};
 
mari.id = Symbol('id');
janos.id = Symbol('id');
 
console.log(mari.id === janos.id);

Az eredmény false.

Alapértelmezett függvényérték

function szamolTerulet(alap=30, magassag=35) {
    return alap*magassag/2;
}
 
console.log(szamolTerulet());

Eredmény: 525

Függvény Rest paramétere

Határozatlan számú paraméter tömbként kezelése.

function osszead(...args) {
    let osszeg = 0;
    for (let arg of args) {
        osszeg += arg;
    }
    return osszeg;
}
 
console.log(osszead(4, 9, 18));

Irodalom

oktatas/web/javascript/ecmascript_6.txt · Utolsó módosítás: 2022/04/24 14:24 szerkesztette: admin