szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:javascript|< JavaScript]]

====== ECMAScript 6 ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2021, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== 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.

<code javascript>
for (változó of iterálható) {
  // utasítások
}
</code>

<code javascript>
var szoveg = 'alma';

for(var ch of szoveg) {
    console.log(ch);
}
</code>




===== 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:
<code javascript>
<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 }
);
</code>


Példa a használatra:
<code javascript>
let sajatPromise = new Promise(function(megoldas, elutasitas) {
  setTimeout(function() { megoldas("Teszt"); }, 5000);
});

sajatPromise.then(function(ertek) {
  document.getElementById("egy").innerHTML = ertek;
});
</code>


===== 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. 

<code javascript>
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);
</code>
Az eredmény false.


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

<code javascript>
function szamolTerulet(alap=30, magassag=35) {
    return alap*magassag/2;
}

console.log(szamolTerulet());
</code>

Eredmény: 525


===== Függvény Rest paramétere =====

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


<code javascript>
function osszead(...args) {
    let osszeg = 0;
    for (let arg of args) {
        osszeg += arg;
    }
    return osszeg;
}

console.log(osszead(4, 9, 18));
</code>

===== Irodalom =====
  * https://www.w3schools.com/js/js_es6.asp (2021)