ECMAScript 2015-ES6

januari 7, 2021 admin 0 Comments

ECMAScript 6 was de tweede grote herziening van JavaScript.

ECMAScript 6 is ook bekend als ES6 en ECMAScript 2015,

Dit hoofdstuk beschrijft de belangrijkste kenmerken van 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.,

voorbeeld

var x = 10;
// hier x is 10
{
let x = 2;
// hier x is 2
}
// hier x is 10

probeer het zelf ”

Lees meer over let in het hoofdstuk: JavaScript Let.

JavaScript const

met hetconst sleutelwoord kunt u een constante declareren (Een JavaScript variabele met een constante waarde).

constanten zijn vergelijkbaar met let variabelen, behalve dat de waarde niet kan worden gewijzigd.,

voorbeeld

var x = 10;
// hier x is 10
{
const x = 2;
/ / hier x is 2
}
/ / hier x is 10

probeer het zelf “

Lees meer over const in het hoofdstuk: JavaScript Const.

Pijlfuncties

Pijlfuncties maken een korte syntaxis mogelijk voor het schrijven van functie-expressies.

u hebt het function sleutelwoord, het return sleutelwoord en de accolades niet nodig.,

voorbeeld

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

probeer het zelf ”

Pijlfuncties hebben geen eigen this.Ze zijn niet goed geschikt voor het definiëren van objectmethoden.

Pijlfuncties worden niet gehesen. Ze moeten worden gedefinieerd voordat ze worden gebruikt.

het gebruik van constis veiliger dan het gebruik van var, omdat een functie-expressie altijd een constante waarde is.,

u kunt het sleutelwoord return en de accolades alleen weglaten als de functie één statement is. Daarom zou het een goede gewoonte kunnen zijn om ze altijd te houden:

voorbeeld

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

probeer het zelf ”

meer informatie over Pijlfuncties in het hoofdstuk: Javascript Arrow Function.

de lus voor / van

Het JavaScript for/of statement loopt door de waarden van een iterable objecten.,

for/of laat u lus over datastructuren die iterbaar zijn, zoals Arrays, Strings, Maps, NodeLists, en meer.

defor/of lus heeft de volgende syntaxis:

voor (variabele van iterable) {
// uit te voeren code blok
}

variabele – voor elke iteratie wordt de waarde van de volgende eigenschap toegewezen aan de variabele. Variabele kan worden gedeclareerd metconst, let, of var.

iterable-een object met iterable eigenschappen.,

Looping over een Array

voorbeeld

var cars=;
var x;
Voor (x van auto ‘ s) {
document.write(x + “<br >”);
}

probeer het zelf ”

Looping over een String

voorbeeld

var txt = “JavaScript”;
var x;
Voor (X van txt) {
document.write (x + “<br >”);
}

probeer het zelf ”

meer informatie in het hoofdstuk: JavaScript Loop voor/in/Of.,

JavaScript-klassen

JavaScript-klassen zijn sjablonen voor JavaScript-objecten.

gebruik het trefwoord class om een klasse aan te maken.

voeg altijd een methode toe met de naam constructor():

syntaxis

class ClassName {
constructor() { … }
}

voorbeeld

klasse auto {
constructor (naam, Jaar) {
this.name = name;
this.year = year;
}
}

het voorbeeld hierboven maakt een klasse aan met de naam “Car”.

De klasse heeft twee initiële eigenschappen: “name “en”year”.,

een JavaScript-klasse is geen object.

het is een sjabloon voor JavaScript-objecten.

met behulp van een klasse

wanneer u een klasse hebt, kunt u de klasse gebruiken om objecten te maken:

voorbeeld

let myCar1 = new Car(“Ford”, 2014);
let myCar2 = new Car(“Audi”, 2019);

probeer het zelf “

leer meer over klassen in de het hoofdstuk: Javascript klassen.

JavaScript Promises

een Promise is een JavaScript-object dat “Producing Code” en “Consuming Code”linkt.,

” code produceren “kan enige tijd duren en” code consumeren ” moet wachten op het resultaat.

leer meer over Beloften in het hoofdstuk: Javascript Beloften.

het Symbooltype

een JavaScript-symbool is een primitief datatype net als Number, String of Boolean.

Het vertegenwoordigt een unieke” verborgen ” identifier die geen andere code per ongeluk kan benaderen.

voor instace, als verschillende programmeurs een person.id eigendom aan een persoon object behorend tot een code van derden, ze konden elkaars waarden mengen.,

met behulp van Symbol () om een unieke identificatie aan te maken, lost dit probleem op:

symbolen zijn altijd uniek.

Als u twee symbolen met dezelfde beschrijving maakt, zullen ze verschillende waarden hebben.

Symbol(“id”) == Symbol(“id”) / /false

Default parameterwaarden

ES6 staat toe dat functieparameters standaardwaarden hebben.

functie Rustparameter

De rustparameter (…) staat een functie toe om een onbepaald aantal argumenten als een array te behandelen:

voorbeeld

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

probeer het zelf ”

Array.find ()

de methode find() geeft de waarde terug van het eerste array-element dat een testfunctie passeert.

dit voorbeeld vindt (geeft de waarde van ) het eerste element dat groter is dan 18:

merk op dat de functie 3 argumenten heeft:

  • de itemwaarde
  • de item-index
  • de array zelf

Array.,findIndex ()

defindIndex() methode geeft de index terug van het eerste array-element dat een testfunctie passeert.,

in Dit voorbeeld vindt de index van het eerste element dat groter is dan 18:

Merk op dat de functie heeft 3 argumenten:

  • De waarde
  • Het item index
  • De array zelf

Aantal Nieuwe Eigenschappen

ES6 toegevoegd de volgende eigenschappen van het Aantal object:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Voorbeeld

var x = Aantal.EPSILON;

probeer het zelf ”

voorbeeld

var x = getal.,MIN_SAFE_INTEGER;

probeer het zelf ”

voorbeeld

var x = getal.MAX_SAFE_INTEGER;

probeer het zelf ”

nieuwe Getalmethoden

ES6 heeft 2 nieuwe methoden toegevoegd aan het Getalobject:

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

het getal.Isinteger () methode

de Number.isInteger() methode geeft true terug als het argument een geheel getal is.

voorbeeld

nummer.isInteger (10); / / geeft true
getal terug.isinteger (10.,5); / / geeft false

probeer het zelf ”

het getal.isSafeInteger () methode

een veilig geheel getal is een geheel getal dat precies kan worden weergegeven als een dubbel precisiegetal.

De Number.isSafeInteger() methode geeft true terug als het argument een veilig geheel getal is.

veilige gehele getallen zijn alle gehele getallen van – (253 – 1) tot +(253 – 1).dit is veilig: 9007199254740991. Dit is niet veilig: 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.,

Anders geeft true:

Voorbeeld

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

Probeer het Zelf ”

De isNaN() Methode

De wereldwijde isNaN() methode true als het argument NaN. Anders geeft het false:

voorbeeld

isNaN(“Hallo”); / / geeft true

probeer het zelf “

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *