ECMAScript 2015 – ES6
ECMAScript 6 var den anden store ændring til JavaScript.
ECMAScript 6 er også kendt som ES6 og ECMAScript 2015,
Dette kapitel beskriver de vigtigste funktioner af ES6.,5ad79ce91″>
JavaScript let
The let keyword allows you to declare a variable with block scope.,
Eksempel
// Her x er 10
{
lad x = 2;
// Her x-2
}
// Her x er 10
Prøv det Selv ”
Læs mere om let i dette kapitel: JavaScript Lad.
JavaScript const
const søgeord giver dig mulighed for at erklære en konstant (en JavaScript-variabel med en konstant værdi).
konstanter ligner let-variabler, bortset fra at værdien ikke kan ændres.,
Eksempel
// Her x er 10
{
const x = 2;
// Her x-2
}
// Her x er 10
Prøv det Selv ”
Læs mere om const i dette kapitel: JavaScript Const.
Pilefunktioner
Pilefunktioner tillader en kort syntaks til skrivning af funktionsudtryk.
Du behøver ikke function nøgleord, return nøgleord og de krøllede parenteser.,
Eksempel
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
Prøv det Selv ”
Pil funktioner, der ikke har deres egen this.De er ikke velegnede til at definere objektmetoder.
Pilefunktioner hejses ikke. De skal defineres, før de anvendes.
brug af conster sikrere end at bruge var, fordi et funktionsudtryk altid er en konstant værdi.,
Du kan kun udelade return nøgleord og de krøllede parenteser, hvis funktionen er en enkelt sætning. På grund af dette, kan det være en god vane altid at holde dem:
Eksempel
Prøv det Selv ”
læs mere om Pil Funktioner i kapitlet: JavaScript Pil Funktion.
For/Af Loop
JavaScript for/of sætning sløjfer gennem værdierne af en iterable objekter.,
for/of lader dig loop over datastrukturer, der kan gentages, såsom Arrays, Strings, Maps, NodeLists og meget mere.
for/of løkke har følgende syntaks:
// kode blok til at blive henrettet
}
variabel For hver iteration værdien af den næste ejendom er tildelt til variable. Variabel kan erklæres medconst let, eller var.
iterable – et objekt, der har iterable egenskaber.,
Looping over et Array
eksempel
var var;
for (cars af biler) {
dokument.skriv(x + “<br >”);
}
Prøv det Selv ”
Loop over en String
Eksempel
var x;
for (x i txt) {
dokument.skriv(x + “<br >”);
}
Prøv det Selv ”
Lær mere i kapitlet: JavaScript Loop Til/På/Af.,
JavaScript-klasser
JavaScript-klasser er skabeloner til JavaScript-objekter.
brug nøgleordet class for at oprette en klasse.
Tilføj altid en metode med navnet constructor():
syntaks
constructor() { … }
}
eksempel
konstruktør (navn, år) {
this.name = navn;
dette.year = year;
}
}
eksemplet ovenfor opretter en klasse med navnet “bil”.
klassen har to indledende egenskaber: “navn” og “år”.,en JavaScript-klasse er ikke et objekt.
det er en skabelon til JavaScript-objekter.
ved Hjælp af en Klasse
Når du har en klasse, kan du bruge den klasse for at skabe objekter:
Eksempel
lad myCar2 = new Bil(“Audi”, 2019);
Prøv det Selv “
læs mere om klasser i kapitlet: JavaScript Klasser.
JavaScript lover
et løfte er et JavaScript-objekt, der forbinder “producerende kode” og “forbrugende kode”.,
“producerende kode” kan tage lidt tid, og “forbrugende kode” skal vente på resultatet.
Lær mere om løfter i kapitlet: JavaScript løfter.
Symboltypen
et JavaScript-Symbol er en primitiv datatype ligesom nummer, streng eller boolsk.
det repræsenterer en unik “skjult” identifikator, som ingen anden kode ved et uheld kan få adgang til.
for instace, hvis forskellige kodere vil tilføje en person.id ejendom til en person objekt, der tilhører en tredjeparts kode, de kunne blande hinandens værdier.,
brug af Symbol() til at oprette unikke identifikatorer, løser dette problem:
symboler er altid unikke.
Hvis du opretter to symboler med samme beskrivelse, vil de have forskellige værdier.
Standardparameterværdier
ES6 tillader funktionsparametre at have standardværdier.
funktion hvile Parameter
resten parameter (…) tillader en funktion at behandle et ubestemt antal argumenter som et array:
eksempel
lad sum = 0;
for (lad arg af args) sum += arg;
return sum;
}
lad x = sum(4, 9, 16, 25, 29, 100, 66, 77);
Prøv det Selv ”
Array.find ()
find() – metoden returnerer værdien af det første array-element, der passerer en testfunktion.
Dette eksempel finder (returnerer værdien af ) det første element, der er større end 18:
Bemærk, at funktionen tager 3 argumenter:
- element værdi
- elementet index
- array selv
Array.,findinde. ()
findIndex() – metoden returnerer indekset for det første array-element, der passerer en testfunktion.,
Dette eksempel finder indekset for det første element, der er større end 18:
Bemærk, at funktionen tager 3 argumenter:
- element værdi
- elementet index
- array selv
Nyt Nummer Egenskaber
ES6 tilføjet følgende ejendomme til Antal objekt:
EPSILONMIN_SAFE_INTEGERMAX_SAFE_INTEGER
Eksempel
prøv det selv ”
eksempel
prøv det selv ”
eksempel
Prøv det Selv ”
Nyt Nummer Metoder
ES6 tilføjet 2 nye metoder til Antallet objekt:
Number.isInteger()Number.isSafeInteger()
Antallet.isInteger () – Metode
Number.isInteger() metoden returnerer true hvis argumentet er et heltal.
eksempel
nummer.isInteger(10.,5); / / returnerer FALSK
prøv det selv ”
nummeret.Issafeinteger () metode
et sikkert heltal er et heltal, der nøjagtigt kan repræsenteres som et dobbelt præcisionsnummer.
Number.isSafeInteger() metoden returnerer true hvis argumentet er et sikkert heltal.
sikre heltal er alle heltal fra -(253 – 1) til +(253 – 1).
Dette er sikkert: 9007199254740991. Dette er ikke sikkert: 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.,
Ellers er det tilbage true:
Eksempel
isFinite(10/1); // returnerer true
Prøv det Selv ”
Den isNaN() Metode
Den globale isNaN() metoden returnerer true hvis argumentet er NaN. Ellers returnerer false:
Eksempel
Prøv det Selv ”