I denne vejledning lærer du om JavaScript ES6 ved hjælp af eksempler.
JavaScript ES6 (også kendt som ECMAScript 2015 eller ECMAScript 6 ) er den nyere version af JavaScript, der blev introduceret i 2015.
ECMAScript er den standard, som JavaScript-programmeringssprog bruger. ECMAScript giver specifikationen om, hvordan JavaScript-programmeringssprog skal fungere.
Denne vejledning giver en kort oversigt over almindeligt anvendte funktioner i ES6, så du hurtigt kan starte i ES6.
JavaScript lad
JavaScript letbruges til at erklære variabler. Tidligere blev variabler erklæret ved hjælp af varnøgleordet.
For at lære mere om forskellen mellem letog var, besøg JavaScript let vs var.
De variabler, der er erklæret ved hjælp, leter blokomfanget . Dette betyder, at de kun er tilgængelige inden for en bestemt blok. 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 constsætning bruges til at erklære konstanter i JavaScript. For eksempel,
// name declared with const cannot be changed const name = 'Sara';
Når de er erklæret, kan du ikke ændre værdien af en constvariabel.
JavaScript-pilefunktion
I ES6- versionen kan du bruge pilefunktioner til at oprette funktionsudtryk. For eksempel
Denne funktion
// function expression let x = function(x, y) ( return x * y; )
kan skrives som
// function expression using arrow function let x = (x, y) => x * y;
Hvis du vil lære mere om pilfunktioner, skal du besøge JavaScript-pilefunktion.
JavaScript-klasser
JavaScript-klasse bruges til at oprette et objekt. Klassen ligner en konstruktørfunktion. For eksempel,
class Person ( constructor(name) ( this.name = name; ) )
Nøgleord classbruges til at oprette en klasse. Egenskaberne tildeles i en konstruktionsfunktion.
Nu kan du oprette et objekt. For eksempel,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
For at lære mere om klasser, besøg JavaScript-klasser.
Standardparameterværdier
I ES6-versionen kan du overføre standardværdier i funktionsparametrene. 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 ovenstående eksempel, hvis du ikke består den parameter for y, vil det tage 5 som standard.
For at lære mere om standardparametre, besøg JavaScript-funktionens standardparametre.
JavaScript-skabelonlitteratur
Skabelonen bogstaveligt har gjort det lettere at inkludere variabler inde i en streng. For eksempel før du skulle gøre:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
Dette kan opnås ved hjælp af skabelon bogstaveligt ved:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Hvis du vil lære mere om skabelonbogstaver, skal du besøge JavaScript-skabelonlitteratur.
JavaScript-destruktion
Destruktureringssyntaxen gør det lettere at tildele værdier 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 hjælp af ES6 Destructuring-syntaks kan ovenstående kode 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
Hvis du vil lære mere om destruktion, skal du besøge JavaScript Destructuring.
JavaScript import og eksport
Du kan eksportere en funktion eller et program og bruge det i et andet program ved at importere det. Dette hjælper med at fremstille genanvendelige komponenter. For eksempel, hvis du har to JavaScript-filer med navnet contact.js og home.js.
I contact.js fil, kan du eksportere den contact()funktion:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
Så når du vil bruge contact()funktionen i en anden fil, kan du blot importere funktionen. For eksempel i home.js-fil:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
JavaScript-løfter
Løfter bruges til at håndtere asynkrone opgaver. 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 ), )
Hvis du vil lære mere om løfter, skal du besøge JavaScript-løfter.
JavaScript-hvile-parameter og Spread-operatør
Du kan bruge restparameteren til at repræsentere et ubestemt antal argumenter som en matrix. 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 resterende argumenter ved hjælp af … syntaks. Derfor navnet hvile parameter .
Du bruger den spredte syntaks … til at kopiere elementerne til et enkelt array. 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 bruger den samme syntaks. Spredningsoperatoren bruges dog med arrays (iterable værdier).
Hvis du vil lære mere om spredningsoperatøren, skal du besøge JavaScript Spread Operator.
