ECMAScript 2015 – ES6 (Norsk)

0 Comments

ECMAScript 6 var den andre store revisjon av JavaScript.

ECMAScript 6 er også kjent som ES6 og ECMAScript 2015,

Dette kapitlet beskriver de viktigste funksjonene i ES6.,5ad79ce91″>

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55 Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018

JavaScript let

The let keyword allows you to declare a variable with block scope.,

Eksempel

var x = 10;
// Her x 10
{
la x = 2;
// Her x er 2
}
// Her x 10

Prøv det Selv »

Les mer om let i kapitlet: JavaScript-La.

JavaScript const

const søkeord gir deg mulighet til å erklære en konstant (en JavaScript-variabel med en konstant verdi).

Konstanter er lik for å la variabler, bortsett fra at verdien kan ikke endres.,

Eksempel

var x = 10;
// Her x 10
{
const x = 2;
// Her x er 2
}
// Her x 10

Prøv det Selv »

Les mer om const i kapitlet: JavaScript Const.

Pil Funksjoner

Pil funksjoner lar en kort syntaksen for å skrive-funksjonen uttrykk.

Du don»t trenger den function nøkkelord return søkeord, og klammeparentes.,

Eksempel

// ES5
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;

Prøv det Selv »

Pil-funksjonene som ikke har egne this.De er ikke godt egnet for å definere objektet metoder.

Pil-funksjoner er ikke heist. De må være definert før de er brukt.

ved Hjelp av conster sikrere enn å bruke var, fordi en funksjon uttrykk er alltid en konstant verdi.,

Du kan bare utelate return søkeord og klammeparentes hvis funksjonen er en enkel uttalelse. På grunn av dette, kan det være en god vane å alltid holde dem:

Eksempel

const x = (x, y) => { return x * y };

Prøv det Selv »

finn ut mer om Pilen Funksjoner i kapitlet: JavaScript Pil-Funksjonen.

For/Av Loop

JavaScript for/of uttalelse looper gjennom verdier av en iterable objekter.,

for/of lar deg loop over data strukturer som er iterable for eksempel Tabeller, Strenger, Kart, NodeLists, og mer.

for/of loop har følgende syntaks:

for (variabel av iterable) {
// kode blokk for å bli henrettet
}

variabel – For hver iterasjon verdien av den neste egenskapen er tilordnet til variabel. Variable kan deklareres medconst, let, eller var.

iterable – Et objekt som har iterable egenskaper.,

Sløyfe over en Matrise

Eksempel

var biler = ;
var x;
for (x av biler) {
dokument.write(x + «<br >»);
}

Prøv det Selv »

Sløyfe over en String

Eksempel

var txt = «JavaScript»;
var x;
for (x av txt) {
dokument.write(x + «<br >»);
}

Prøv det Selv »

Les mer i kapittel: JavaScript Loop/I/Av.,

JavaScript-Klasser

JavaScript-Klasser er maler for JavaScript-Objekter.

Bruke søkeordet class for å lage en klasse.

Alltid legge til en metode som heter constructor():

Syntaks

klasse ClassName {
constructor() { … }
}

Eksempel

class Bil {
constructor(navn, år) {
dette.navn = navn;
dette.året = året;
}
}

eksemplet ovenfor skaper en klasse som heter «Bil».

klassen har to innledende egenskaper: «navn» og «year».,

En JavaScript-klasse er ikke et objekt.

Det er en mal for JavaScript-objekter.

ved Hjelp av a-Klasse

Når du har en klasse, kan du bruke klassen til å opprette objekter:

Eksempel

la myCar1 = new Bil(«Ford», 2014);
la myCar2 = new Bil(«Audi», 2019);

Prøv det Selv «

finn ut mer om klasser i kapitlet: JavaScript Klasser.

JavaScript Løfter

Et Løfte er et JavaScript-objekt som kobles «å Produsere Kode» og «Forbruker-Koden».,

«Produksjon av Koden» kan ta litt tid, og «Forbruker-Koden» må vente på resultatet.

finn ut mer om Lover i kapitlet: JavaScript Løfter.

Symbolet Type

En JavaScript-Symbolet er en primitiv datatype akkurat som Nummer, Streng, eller Boolske.

Det representerer en unik «skjult» identifikator som ingen annen kode som kan utilsiktet tilgang.

For instace, hvis de er forskjellige programmerere vil legge til en person.id eiendommen til et person-objekt som tilhører en tredjepart kode,de kunne blande hver andre verdier.,

ved Hjelp av Symbolet (), for å skape unike identifikatorer, løser du dette problemet:

Symboler er alltid unik.

Hvis du oppretter to symboler med samme beskrivelse de vil ha forskjellige verdier.

Symbol(«id») == Symbol(«id») // false

Standard parameterverdier

ES6 lar funksjon parametere for å ha standard-verdier.

Funksjon Resten Parameteren

resten parameter (…) gir en funksjon for å behandle et ubestemt antall argumenter som en matrise:

Eksempel

funksjonen sum(…,args) {
la sum = 0;
for (la arg av args) sum += arg;
return sum;
}
la x = sum(4, 9, 16, 25, 29, 100, 66, 77);

Prøv det Selv »

Array.finn()

find() metoden returnerer verdien av den første matrise-elementet som passerer en test-funksjonen.

Dette eksemplet finner () returnerer verdien av ) det første elementet som er større enn 18:

Merk at funksjonen tar 3 argumenter:

  • elementet-verdi
  • elementet indeks
  • array seg selv

Array.,findIndex()

findIndex() metoden returnerer indeksen for det første matrise-elementet som passerer en test-funksjonen.,

Dette eksemplet finner indeksen for det første element som er større enn 18:

Merk at funksjonen tar 3 argumenter:

  • elementet-verdi
  • elementet indeks
  • array seg selv

Nytt Nummer Egenskaper

ES6 lagt følgende egenskaper til Antall mål:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Eksempel

var x = Antall.EPSILON;

Prøv det Selv »

Eksempel

var x = Antall.,MIN_SAFE_INTEGER;

Prøv det Selv »

Eksempel

var x = Antall.MAX_SAFE_INTEGER;

Prøv det Selv »

Nytt Nummer Metoder

ES6 lagt til 2 nye metoder til Antall objekt:

  • Number.isInteger()
  • Number.isSafeInteger()

– Nummeret.isInteger () – Metoden

Number.isInteger() metoden returnerer true hvis argumentet er et heltall.

Eksempel

– Nummeret.isInteger(10); // returnerer true
– Nummeret.isInteger(10.,5); // returnerer false

Prøv det Selv »

– Nummeret.isSafeInteger () – Metoden

En trygg heltall som er et heltall som kan være akkurat representert som en dobbel presisjon antall.

Number.isSafeInteger() metoden returnerer true hvis argumentet er et trygt heltall.

Sikker heltall er alle heltallene fra -(253 – 1) +(253 – 1).
Dette er sikkert: 9007199254740991. Dette er ikke trygg: 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 returnerer true:

Eksempel

isFinite(10/0); // returnerer false
isFinite(10/1); // returnerer true

Prøv det Selv »

isNaN() Metode

Den globale isNaN() metoden returnerer true hvis argumentet er NaN. Ellers returnerer false:

Eksempel

isNaN(«Hei»); // returnerer true

Prøv det Selv »


Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *