V tomto tutoriále sa dozviete o JavaScripte ES6 pomocou príkladov.
JavaScript ES6 (tiež známy ako ECMAScript 2015 alebo ECMAScript 6 ) je novšia verzia JavaScriptu, ktorá bola predstavená v roku 2015.
ECMAScript je štandard, ktorý používa programovací jazyk JavaScript. ECMAScript poskytuje špecifikáciu toho, ako by mal programovací jazyk JavaScript fungovať.
Tento tutoriál poskytuje krátke zhrnutie bežne používaných funkcií ES6, aby ste mohli v ES6 rýchlo začať.
JavaScript povolený
let
Na deklaráciu premenných sa používa JavaScript . Predtým boli premenné deklarované pomocou var
kľúčového slova.
Ak sa chcete dozvedieť viac o rozdieloch medzi let
a var
, navštívte JavaScript let vs var.
Premenné deklarované pomocou let
sú blokované . To znamená, že sú prístupné iba v rámci konkrétneho bloku. Napríklad,
// variable declared using let let name = 'Sara'; ( // can be accessed only inside let name = 'Peter'; console.log(name); // Peter ) console.log(name); // Sara
Konšt. JavaScript
Príkaz const
sa používa na deklaráciu konštánt v JavaScripte. Napríklad,
// name declared with const cannot be changed const name = 'Sara';
Po deklarácii nemôžete zmeniť hodnotu const
premennej.
Funkcia šípky JavaScript
Vo verzii ES6 môžete na vytváranie výrazov funkcií používať funkcie so šípkami. Napríklad
Táto funkcia
// function expression let x = function(x, y) ( return x * y; )
možno napísať ako
// function expression using arrow function let x = (x, y) => x * y;
Ak sa chcete dozvedieť viac informácií o funkciách šípok, navštívte funkciu šípok JavaScriptu.
Triedy JavaScriptu
Na vytvorenie objektu sa používa trieda JavaScript. Trieda je podobná funkcii konštruktora. Napríklad,
class Person ( constructor(name) ( this.name = name; ) )
class
Na vytvorenie triedy sa používa kľúčové slovo . Vlastnosti sú priradené vo funkcii konštruktora.
Teraz môžete vytvoriť objekt. Napríklad,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
Ak sa chcete dozvedieť viac informácií o triedach, navštívte triedy JavaScript.
Predvolené hodnoty parametrov
Vo verzii ES6 môžete zadať predvolené hodnoty v parametroch funkcií. Napríklad,
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
Ak vo vyššie uvedenom príklade parameter nezadáte y
, bude predvolene trvať 5 .
Ak sa chcete dozvedieť viac informácií o predvolených parametroch, navštívte predvolené parametre funkcie JavaScript.
Literárne šablóny JavaScriptu
Doslov šablóny uľahčil vkladanie premenných do reťazca. Napríklad predtým, ako ste museli urobiť:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
To sa dá dosiahnuť použitím šablóny doslovne:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Ak sa chcete dozvedieť viac informácií o literáloch šablón, navštívte JavaScript Template Literal.
Deštrukturalizácia JavaScriptu
Deštruktívna syntax uľahčuje priradenie hodnôt k novej premennej. Napríklad,
// 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
Pomocou syntaxe deštrukturalizácie ES6 je možné vyššie uvedený kód zapísať ako:
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
Ak sa chcete dozvedieť viac informácií o deštrukcii, navštívte stránku Deštrukturalizácia JavaScriptu.
Import a export JavaScriptu
Funkciu alebo program môžete exportovať a použiť v inom programe importom. To pomáha vyrábať opakovane použiteľné komponenty. Napríklad ak máte dva súbory JavaScript s názvom contact.js a home.js.
V contact.js súboru, môžete exportovať do contact()
funkcie:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
Ak potom chcete contact()
funkciu použiť v inom súbore, môžete ju jednoducho importovať. Napríklad v súbore home.js:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
Sľuby JavaScriptu
Sľuby sa používajú na zvládnutie asynchrónnych úloh. Napríklad,
// 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 ), )
Ak sa chcete dozvedieť viac informácií o sľuboch, navštívte sľuby JavaScriptu.
Parameter zvyšku JavaScript a operátor šírenia
Parameter rest môžete použiť na vyjadrenie neurčitého počtu argumentov ako poľa. Napríklad,
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')
Zvyšné argumenty …
odovzdáte pomocou syntaxe. Preto je parameter zvyšok názvu .
Syntax šírenia použijete …
na skopírovanie položiek do jedného poľa. Napríklad,
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
Parameter rest aj operátor šírenia používajú rovnakú syntax. Operátor šírenia sa však používa s poľami (opakovateľné hodnoty).
Ak sa chcete dozvedieť viac informácií o operátore šírenia, navštívte JavaScript Spread Operator.