ECMAScript 2015 – ES6 (Svenska)
ECMAScript 6 var den andra stora översynen av JavaScript.
ECMAScript 6 är också känt som ES6 och ECMAScript 2015,
i det här kapitlet beskrivs de viktigaste funktionerna i ES6.,5ad79ce91″>
JavaScript let
The let keyword allows you to declare a variable with block scope.,
exempel
/ / Here x is 10
{
let x = 2;
/ / Here x is 2
}
/ / Here x is 10
prova själv ”
Läs mer om let I kapitlet: JavaScript Let.
JavaScript const
nyckelordetconst låter dig deklarera en konstant (en JavaScript-variabel med ett konstant värde).
konstanter liknar let-variabler, förutom att värdet inte kan ändras.,
exempel
/ / Here x is 10
{
const x = 2;
/ / Here x is 2
}
/ / Here x is 10
prova själv ”
Läs mer om const I kapitlet: JavaScript Const.
Pilfunktioner
Pilfunktioner tillåter en kort syntax för att skriva funktionsuttryck.
du behöver inte nyckelordetfunction, nyckelordetreturn och de lockiga konsolerna.,
exempel
var X = function(x, y) {
return x * y;
}
//ES6
const x = (x, y) => x * y;
prova själv ”
Pilfunktionerna har inte sina egnathis.De är inte väl lämpade för att definiera objektmetoder.
Pilfunktionerna hissas inte. De måste definieras innan de används.
att användaconstär säkrare än att användavar, eftersom ett funktionsuttryck alltid är ett konstant värde.,
Du kan bara utelämna nyckelordetreturn och de lockiga fästena om funktionen är ett enda uttryck. På grund av detta kan det vara en bra vana att alltid hålla dem:
exempel
prova själv ”
Läs mer om Pilfunktioner i kapitlet: JavaScript-Pilfunktion.
For/of Loop
JavaScriptfor/of statement loopar genom värdena för ett objekts innehåll.,
for/of låter dig loop över datastrukturer som är tillåtna som arrayer, strängar, kartor, Nodelister och mer.
for/of loop har följande syntax:
//kodblock som ska utföras
}
variabel – för varje iteration tilldelas värdet för nästa egenskap till variabeln. Variabeln kan deklareras medconst, leteller var.
iterable – ett objekt som har iterativa egenskaper.,
Looping över en Array
exempel
var x;
för (x av bilar) {
dokument.skriv(x + ”<br >”);
}
prova själv ”
Looping över en sträng
exempel
var x;
för (x av txt) {
dokument.skriv(x + ”<br >”);
}
prova själv ”
Läs mer i kapitlet: JavaScript Loop för/I/av.,
JavaScript-klasser
JavaScript-klasser är mallar för JavaScript-objekt.
använd sökordetclass för att skapa en klass.
lägg alltid till en metod som heterconstructor():
Syntax
constructor() { … }
}
exempel
konstruktör (namn, år) {
this.name = namn;
detta.year = year;
}
}
exemplet ovan skapar en klass som heter ”Car”.
klassen har två ursprungliga egenskaper: ”namn” och ”år”.,
en JavaScript-klass är inte ett objekt.
det är en mall för JavaScript-objekt.
använda en klass
När du har en klass kan du använda klassen för att skapa objekt:
exempel
låt myCar2 = ny bil(”Audi”, 2019);
prova själv ”
Läs mer om klasser i kapitlet: JavaScript-klasser.
JavaScript lovar
ett löfte är ett JavaScript-objekt som länkar ”producera kod” och ”konsumerar kod”.,
”producerande kod” kan ta lite tid och ”konsumera kod” måste vänta på resultatet.
Läs mer om löften i kapitlet: JavaScript-löften.
Symboltypen
en JavaScript-Symbol är en primitiv datatyp precis som nummer, sträng eller Boolesk.
den representerar en unik ”dold” identifierare som ingen annan kod kan komma åt av misstag.
för instace, om olika kodare vill lägga till en person.id egendom till ett personobjekt som tillhör en kod från tredje part, de kan blanda varandras värden.,
använd Symbol() för att skapa en unik identifierare, löser detta problem:
symboler är alltid unika.
om du skapar två symboler med samma beskrivning kommer de att ha olika värden.
Standardparametervärden
ES6 tillåter funktionsparametrar att ha standardvärden.
funktion Rest Parameter
Rest parameter (…) tillåter en funktion att behandla ett obestämt antal argument som en array:
exempel
let sum = 0;
för (let arg of arg) sum + = arg;
retursumma;
}
let x = summa(4, 9, 16, 25, 29, 100, 66, 77);
prova själv ”
Array.find()
metoden find() returnerar värdet för det första matriselementet som passerar en testfunktion.
det här exemplet hittar (returnerar värdet på ) det första elementet som är större än 18:
Observera att funktionen tar 3 argument:
- objektvärdet
- objektindexet
- själva matrisen
Array.,findindex ()
metoden findIndex() returnerar indexet för det första matriselementet som passerar en testfunktion.,
det här exemplet hittar indexet för det första elementet som är större än 18:
Observera att funktionen tar 3 argument:
- objektvärdet
- objektindexet
- själva matrisen
egenskaper för nytt nummer
ES6 lade till följande egenskaper för Nummerobjektet:
EPSILONMIN_SAFE_INTEGERMAX_SAFE_INTEGER
exempel
prova själv ”
exempel
prova själv ”
exempel
prova själv ”
nya Nummermetoder
ES6 lade till 2 nya metoder till Nummerobjektet:
-
Number.isInteger() -
Number.isSafeInteger()
numret.isInteger () metod
metoden Number.isInteger()returnerar true om argumentet är ett heltal.
exempel
– nummer.isInteger(10.,5);//returnerar FALSKT
prova själv ”
numret.Issafeinteger () metod
ett säkert heltal är ett heltal som exakt kan representeras som ett dubbelprecisionsnummer.
metodenNumber.isSafeInteger() returnerartrue om argumentet är ett säkert heltal.
säkra heltal är alla heltal från -(253 – 1) till +(253 – 1).
Detta är säkert: 9007199254740991. Detta är inte säkert: 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.,
annars returnerartrue:
exempel
isFinite(10/1); // returnerar sant
prova själv ”
metoden isNaN ()
den globalaisNaN() metoden returnerartrue om argumentet ärNaN. Annars returnerar false:
exempel
prova själv ”