I denne veiledningen vil du lære om JavaScript ES6 ved hjelp av eksempler.
JavaScript ES6 (også kjent som ECMAScript 2015 eller ECMAScript 6 ) er den nyere versjonen av JavaScript som ble introdusert i 2015.
ECMAScript er standarden som JavaScript-programmeringsspråk bruker. ECMAScript gir spesifikasjonen for hvordan JavaScript-programmeringsspråk skal fungere.
Denne opplæringen gir et kort sammendrag av ofte brukte funksjoner i ES6, slik at du kan starte raskt i ES6.
JavaScript la
JavaScript let
brukes til å erklære variabler. Tidligere ble variabler deklarert ved hjelp av var
nøkkelordet.
For å lære mer om forskjellen mellom let
og var
, besøk JavaScript let vs var.
Variablene som er deklarert ved bruk, let
er blokkomfanget . Dette betyr at de bare er tilgjengelige innenfor en bestemt blokk. For eksempel,
// variable declared using let let name = 'Sara'; ( // can be accessed only inside let name = 'Peter'; console.log(name); // Peter ) console.log(name); // Sara
JavaScript konst
Den const
setningen brukes til å erklære konstanter i Javascript. For eksempel,
// name declared with const cannot be changed const name = 'Sara';
Når du er erklært, kan du ikke endre verdien på en const
variabel.
JavaScript-pilfunksjon
I ES6- versjonen kan du bruke pilfunksjoner til å lage funksjonsuttrykk. For eksempel
Denne funksjonen
// function expression let x = function(x, y) ( return x * y; )
kan skrives som
// function expression using arrow function let x = (x, y) => x * y;
For å lære mer om pilfunksjoner, besøk JavaScript-pilfunksjon.
JavaScript-klasser
JavaScript-klasse brukes til å lage et objekt. Klassen ligner på en konstruktorfunksjon. For eksempel,
class Person ( constructor(name) ( this.name = name; ) )
Nøkkelord class
brukes til å lage en klasse. Egenskapene er tildelt i en konstruktorfunksjon.
Nå kan du opprette et objekt. For eksempel,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
For å lære mer om klasser, besøk JavaScript-klasser.
Standard parameterverdier
I ES6-versjonen kan du sende standardverdier i funksjonsparametrene. For eksempel,
function sum(x, y = 5) ( // take sum // the value of y is 5 if not passed console.log(x + y); ) sum(5); // 10 sum(5, 15); // 20
I eksemplet ovenfor, hvis du ikke passerer parameteren for y
, vil det ta 5 som standard.
Hvis du vil lære mer om standardparametere, kan du gå til JavaScript-funksjonens standardparametere.
JavaScript mal litteratur
Malen bokstavelig har gjort det lettere å inkludere variabler i en streng. For eksempel før du måtte gjøre:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
Dette kan oppnås ved hjelp av mal bokstavelig ved å:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Hvis du vil lære mer om malbokstavler, kan du gå til JavaScript Template Literal.
JavaScript-destruksjon
Den destrukturerende syntaksen gjør det lettere å tilordne verdier til en ny variabel. For eksempel,
// before you would do something like this const person = ( name: 'Sara', age: 25, gender: 'female' ) let name = person.name; let age = person.age; let gender = person.gender; console.log(name); // Sara console.log(age); // 25 console.log(gender); // female
Ved hjelp av ES6 Destructuring-syntaks kan koden ovenfor skrives som:
const person = ( name: 'Sara', age: 25, gender: 'female' ) let ( name, age, gender ) = person; console.log(name); // Sara console.log(age); // 25 console.log(gender); // female
For å lære mer om destrukturering, besøk JavaScript Destructuring.
JavaScript import og eksport
Du kan eksportere en funksjon eller et program og bruke den i et annet program ved å importere den. Dette er med på å lage gjenbrukbare komponenter. For eksempel hvis du har to JavaScript-filer som heter contact.js og home.js.
I contact.js fil, kan du eksportere den contact()
funksjon:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
Så når du vil bruke contact()
funksjonen i en annen fil, kan du ganske enkelt importere funksjonen. For eksempel i home.js-filen:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
JavaScript lover
Løfter brukes til å håndtere asynkrone oppgaver. For eksempel,
// returns a promise let countValue = new Promise(function (resolve, reject) ( reject('Promise rejected'); )); // executes when promise is resolved successfully countValue.then( function successValue(result) ( console.log(result); // Promise resolved ), )
For å lære mer om løfter, besøk JavaScript Promises.
JavaScript Rest Parameter and Spread Operator
Du kan bruke restparameteren til å representere et ubestemt antall argumenter som en matrise. For eksempel,
function show(a, b,… args) ( console.log(a); // one console.log(b); // two console.log(args); // ("three", "four", "five", "six") ) show('one', 'two', 'three', 'four', 'five', 'six')
Du sender de gjenværende argumentene ved hjelp av …
syntaksen. Derfor navnet restparameter .
Du bruker den spredte syntaksen …
til å kopiere elementene til en enkelt matrise. For eksempel,
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
Både restparameteren og spredningsoperatøren bruker den samme syntaksen. Spredningsoperatøren brukes imidlertid med matriser (iterable values).
For å lære mer om spredningsoperatøren, besøk JavaScript Spread Operator.