Hva er nytt i JavaScript ES6?

JavaScript anses å være blant de mest brukte og populære skriptspråkene; Den ble oppfunnet i 1995 og ble opprinnelig kalt Mocha, men ble til slutt JavaScript. Språket JavaScript ble oppfunnet av Brendaneich og ble til ECMA -standarden; ES1, ES2, ES3, ES5 og ES6 er mange versjoner av Ecmascript.

JavaScript ES6 er en standard for å sikre interoperabilitet i nettet i forskjellige nettlesere. ES6 er 6^th Versjon av JavaScript -programmeringsspråk. Det er en stor forbedring av JavaScript-språket, og legger til flere funksjoner for å lette storskala programvareutvikling. Få funksjoner i ES6 -skriptet støttes ikke av alle nettleserne, men de fleste støttes; Nesten alle de berømte nettleserne støtter alle funksjonene i ES6.

Transpiler -programvare kan brukes til å transformere ES6 -kode til ES5, som er den eldre versjonen av JavaScript og derav mer kompatibel med nettlesere.

I denne artikkelen ser vi på noen endringer ES6 hentet inn JavaScript.

Funksjoner i ES6 JavaScript

Konstanter kjent som uforanderlige variabler: ES6 støtter nå forestillingen om konstante variabler. Verdien av disse variablene kan ikke endres. En feil vil bli utløst hvis noen prøver å omdefinere variabelen i det lignende omfanget:

const pi = matematikk.Pi;
// utgang: verdien av pi
konsoll.logg (pi);
pi = 4;
// typeerror: Tildeling til konstant variabel.
konsoll.logg (pi);
const pi = matematikk.Pi;
// utgang: verdien av pi
konsoll.logg (pi);

const pi = 4;
// OUTPUT: 4 (uten feil da det er utenfor omfanget)
konsoll.logg (pi);

Hvis et objekt er blitt erklært ved hjelp av const, Nøklene kan ikke endres. Imidlertid kan verdiene endres:

const user =
Navn: "Steve",
Alder: 13

bruker =
Brukernavn: "Harry",
Karakter: "3."
// typeerror: Tildeling til konstant variabel. const user =
Navn: "Steve",
Alder: 13

bruker.name = "Harry";
konsoll.logg (bruker);

Regler for blokkerte omfangsfunksjoner og variabler

Et annet viktig nytt trekk ved ES6 er at variabler kan deklareres gjennom la og const som følger blokkerte regler. Gjennom denne blokkerte regelen holder variabelen sin verdi til slutten av blokken. Verdien av den ytre blokken vil bli gjenopprettet etter den indre blokken:

La a = 5;
// utgang: 5
konsoll.logg (a);

La A = 4;
// utgang: 4
konsoll.logg (a);

// utgang: 5
konsoll.logg (a);

Pilfunksjoner

ES6 støtter også pilfunksjoner som er nesten de samme som JavaScript tradisjonelle funksjoner, men som er mer kompakte. I eksemplet nedenfor har vi laget en Arrow -funksjon som tar et tall som et argument og returnerer verdien av kvadratet:

sq = a => a*a;
konsoll.Logg (SQ (5));

Pilfunksjonene har sine begrensninger og kan ikke brukes overalt.

Håndtering av funksjonsparametere

ES6 gir oss muligheten til å angi standardverdier for parametrene til en funksjon. Hvis det ikke gis argumenter når du ringer funksjonen, brukes standardparametrene:

funksjon sq (a = 5, b = 3)
konsoll.Log (a + " +" + b + "=" + (a + b));

Sq (5, 9);
Sq ();

Parametere for hvilefunksjon

REST -parameterefunksjon er et annet trekk ved ES6. Denne funksjonen hjelper deg å motta et hvilket som helst antall argumenter når funksjonen kalles. Syntaksen som er vist nedenfor lar deg fange de gjenværende argumentene etter det definerte argumentet i en matrise:

funksjon Restparams (a, b, ... params)
konsoll.logg (a);
konsoll.logg (b);
konsoll.logg (params);

Restparams (1,2,3,4,5,6,7,8,9);

Mal litteraler

En strengmal eller mal bokstavelig refererer til interpolatvariabler og uttrykk som strenger ved bruk av en perl -syntaks. Med enklere ord kan en streng lukkes i backticks ('), og disse strengene kan inkludere (interpolerte) uttrykk ved å bruke $ ··· Syntaks:

var firstName = 'John';
var lastName = 'doe';
konsoll.Log ('Mitt navn er $ FirstName $ lastName');

Egenskaper til objektet

ES6 ga en ny syntaks for å lage objekter. Her er eksemplet:

var firstName = 'John';
var lastName = 'doe';
var id = 03;
var avdeling = 'utdanning';
var ansattata = FirstName, LastName, Id, Department;
konsoll.Logg (Employeeedata);

Syntaks for formell klassedefinisjon

JavaScript ES6 støtter formell klassedefinisjonssyntaks. Det er et enkelt syntaktisk sukker for prototypebaserte klasser som allerede er tilgjengelig, men det hjelper med å forbedre kodeklarheten. Dette betyr at dette ikke har lagt til en ny objektmodell.

Klassesirkel
konstruktør (radius)
dette.radius = radius;


var c = ny sirkel (8);

Metoder erklæring

ES6 JavaScript gir en enklere måte å erklære metoder. Tidligere, i ES5, måtte vi nevne nøkkelordet "funksjon" sammen med funksjonsnavnet mens vi definerer det. Imidlertid, i ES6, kan vi bruke pilfunksjonen, og vi er ikke forpliktet til å skrive nøkkelordet "Funksjon". Her er eksemplet:

I ES5

var diameter = funksjon (radius)
La dia = 2*radius;
return dia;
;
diameter (8);

I ES6

var diameter = (radius) =>
La dia = 2*radius;
return dia;
;
diameter (8);

For/av løkker

Bruker for/av kan du iterere over iterable datastrukturer som matriser, strenger, kart osv.:

var num = [5, 6, 7, 8, 9];
for (la d av num)

konsoll.logg (d);

Konklusjon

ES6 er den andre store revisjonen av JavaScript som ble utgitt tilbake i 2015. Det har vært årlige tillegg til JavaScript i ES7, ES8, ES9 og så videre, men disse nye versjonene har ikke gitt noen vesentlig endring. I denne artikkelen forklarte vi kort hva ES6 JavaScript er, fordelene med ES6 -versjonen og noen av de nye funksjonene som ble introdusert i versjon ES6.