ECMAScript 2015 – ES6 (Suomi)
ECMAScript 6 oli toinen suuri uudistus JavaScript.
ECMAScript 6 tunnetaan myös ES6 ja ECMAScript 2015,
Tämä luku kuvaa kaikkein tärkeitä ominaisuuksia ES6.,5ad79ce91″>
JavaScript let
The let keyword allows you to declare a variable with block scope.,
Esimerkki
// Tässä x on 10 –
{
olkoon x = 2;
// Tässä x-2
}
// Tässä x on 10
Kokeile Itse ”
Lue lisää let luku: JavaScript Antaa.
JavaScript const
const avainsanan avulla voit ilmoittaa jatkuvasti (JavaScript-muuttuja, jossa on vakio-arvo).
vakiot ovat samanlaisia kuin let-muuttujat, paitsi että arvoa ei voi muuttaa.,
Esimerkki
// Tässä x on 10 –
{
const x = 2;
// Tässä x-2
}
// Tässä x on 10
Kokeile Itse ”
Lue lisää const luku: JavaScript-Const.
Nuoli Toiminnot
Nuoli toimintojen avulla lyhyen syntaksin kirjoittaminen toiminto ilmaisuja.
Sinun ei”t tarvitse function avainsanan return avainsana, ja aaltosulkeita.,
Esimerkki
var x = function(x, y) {
paluu x * y;
}
// ES6
const x = (x, y) => x * y;
Kokeile Itse ”
Nuoli toimintoja ei ole omaa this.Ne eivät sovellu hyvin oliomenetelmien määrittelyyn.
Nuolitoimintoja ei nosteta. Ne on määriteltävä ennen käyttöä.
Käyttäen conston turvallisempi kuin käyttämällä var, koska funktion lauseke on aina vakio.,
Voit vain jättää return avainsana-ja aaltosulkeita, jos toiminto on yhden lausuman. Tämän vuoksi, se voisi olla hyvä tapa aina pitää ne:
Esimerkki
Kokeile Itse ”
Lue lisää Nuoli Toiminnot luku: JavaScript Nuoli Toiminto.
For/Silmukka
JavaScript – for/of selvitys silmukoita läpi arvoja iterable esineitä.,
for/of voit silmukan yli tietorakenteita, jotka ovat iterable, kuten Taulukot, Jousille, Kartat, NodeLists, ja enemmän.
for/of silmukka on seuraava syntaksi:
// koodieston teloitettiin
}
– muuttuja – joka iteraation arvo seuraavan omaisuutta on määritetty muuttuja. Muuttuja voi olla julisti, jossaconst, let tai var.
iterable – objekti, jolla on iteroitavia ominaisuuksia.,
Silmukoiden yli Array
Esimerkki
var x;
for (x autoa) {
asiakirja.kirjoittaa(x + ”<br >”);
}
Kokeile Itse ”
Silmukoiden yli String
Esimerkki
var x;
for (x txt) {
asiakirja.kirjoittaa(x + ”<br >”);
}
Kokeile Itse ”
Lue lisää luku: JavaScript Silmukka/In/On.,
JavaScript-Luokat
JavaScript-Luokat ovat malleja, JavaScript Esineitä.
käytä avainsanaaclass luodaksesi luokan.
Aina lisätä menetelmä nimeltä constructor():
Syntax
konstruktori() { … }
}
Esimerkki
rakentaja(nimi, vuosi) {
tämä.nimi = nimi;
tämä.vuosi = vuosi;
}
}
esimerkissä luo luokka nimeltä ”Auto”.
luokalla on kaksi alkuominaisuutta: ”nimi” ja ”vuosi”.,
JavaScript-luokka ei ole objekti.
se on JavaScript-objektien malli.
Käyttämällä a-Luokan
Kun olet luokassa, voit käyttää luokan luoda esineitä:
Esimerkki
anna myCar2 = new Auto(”Audi”, 2019);
Kokeile Itse ”
Lue lisää luokkia luku: JavaScript-Luokat.
JavaScript Lupauksia
Lupaus on JavaScript-objekti, joka yhdistää ”Tuottaa Koodia” ja ”Kuluttaa Koodi”.,
”tuottava koodi” voi kestää jonkin aikaa ja ”kuluttavan koodin” täytyy odottaa tulosta.
Lue lisää lupauksista luvussa: JavaScript lupaa.
Symboli Tyyppi
JavaScript-Symboli on primitiivinen tietotyyppi kuten Numeron, Merkkijonon, tai Totuusarvon.
se edustaa ainutlaatuista ”Piilotettua” tunnistetta, johon mikään muu koodi ei pääse vahingossa käsiksi.
Varten instace, jos eri kooderit haluat lisätä henkilön.id omaisuutta henkilö, esine, jotka kuuluvat kolmannen osapuolen koodia,he voisivat sekoittaa toistensa arvoja.,
käyttämällä symbolia() luodakseen yksilöllisen tunnisteen, ratkaisee tämän ongelman:
symbolit ovat aina ainutlaatuisia.
Jos luot kaksi symbolia samalla kuvauksella, niillä on eri arvot.
Parametrin oletusarvot
ES6 avulla funktion parametrien oletusarvoja.
Funktion Lepoparametri
lepoparametri (…) avulla funktion hoitoon määräämättömäksi määrä argumentteja array:
Esimerkki
anna summa = 0;
for (anna arg of args) summa += arg;
return summa;
}
olkoon x = summa(4, 9, 16, 25, 29, 100, 66, 77);
Kokeile Itse ”
Array.find()
find() metodi palauttaa arvon ensimmäinen array elementti, joka kulkee testi-toiminto.
Tässä esimerkissä toteaa (palauttaa arvon ) ensimmäinen elementti, joka on suurempi kuin 18.
Huomaa, että toiminto kestää 3 perustelut:
- kohteen arvo
- kohteen indeksi
- array itse
Array.,findIndex()
findIndex() metodi palauttaa indeksin ensimmäisen array elementti, joka kulkee testi-toiminto.,
Tämä esimerkki etsii indeksi ensimmäisen elementin, joka on suurempi kuin 18.
Huomaa, että toiminto kestää 3 argumentit:
- kohteen arvo
- kohteen indeksi
- array itse
Uusi Numero Ominaisuudet
ES6 lisätty seuraavat ominaisuudet Numero kohde:
EPSILONMIN_SAFE_INTEGERMAX_SAFE_INTEGER
Esimerkki
Kokeile Itse ”
Esimerkki
Kokeile Itse ”
Esimerkki
Kokeile Itse ”
Uusi Numero Menetelmiä
ES6 lisätty 2 uusia menetelmiä Numero kohde:
Number.isInteger()Number.isSafeInteger()
Numero.isInteger() Menetelmä
Number.isInteger() metodi palauttaa true jos argumentti on kokonaisluku.
Esimerkki
Number.isInteger(10.,5); / / returns false
Try it Yourself ”
the Number.isSafeInteger () Method
a safe integer on kokonaisluku, joka voidaan täsmälleen esittää kaksinkertaisena tarkkuuslukuna.
Number.isSafeInteger() metodi palauttaa true jos argumentti on turvallinen kokonaisluku.
Turvalliset kokonaisluvut ovat kaikki kokonaislukuja -(253 – 1) – +(253-1).
Tämä on turvallista: 9007199254740991. Tämä ei ole turvallista: 9007199254740992.,
New Global Methods
ES6 added 2 new global number methods:
isFinite()isNaN()
The isFinite() Method
The global isFinite() method returns false if the argument is Infinity or NaN.,
Muuten se palaa true:
Esimerkki
isFinite(10/1); // palauttaa true
Kokeile Itse ”
Että isNaN() Menetelmä
maailmanlaajuinen isNaN() metodi palauttaa true jos argumentti on NaN. Muuten se palaa false:
Esimerkki
Kokeile Itse ”