Selles õpetuses saate näidete abil õppida JavaScripti ES6 kohta.
JavaScript ES6 (tuntud ka kui ECMAScript 2015 või ECMAScript 6 ) on 2015. aastal kasutusele võetud JavaScripti uuem versioon.
ECMAScript on standard, mida JavaScripti programmeerimiskeel kasutab. ECMAScript pakub spetsifikatsiooni selle kohta, kuidas JavaScripti programmeerimiskeel peaks töötama.
Selles õpetuses antakse lühike kokkuvõte ES6 tavaliselt kasutatavatest funktsioonidest, et saaksite ES6-ga kiiresti alustada.
JavaScripti lasta
let
Muutujate deklareerimiseks kasutatakse JavaScripti . Varem deklareeriti muutujad var
märksõna abil.
Et rohkem teada vahe let
ja var
külastage JavaScript lase vs var.
Kasutades deklareeritud muutujad let
on blokeeritud . See tähendab, et neile pääseb juurde ainult teatud plokis. Näiteks,
// variable declared using let let name = 'Sara'; ( // can be accessed only inside let name = 'Peter'; console.log(name); // Peter ) console.log(name); // Sara
JavaScripti konst
const
Avaldus kasutatakse kuulutada konstandid JavaScript. Näiteks,
// name declared with const cannot be changed const name = 'Sara';
Pärast deklareerimist ei saa const
muutuja väärtust muuta .
JavaScripti noole funktsioon
Aastal ES6 versioon, mida saab kasutada noolt funktsioone luua funktsiooni väljendeid. Näiteks
see funktsioon
// function expression let x = function(x, y) ( return x * y; )
saab kirjutada järgmiselt
// function expression using arrow function let x = (x, y) => x * y;
Noolefunktsioonide kohta lisateabe saamiseks külastage JavaScripti noolefunktsiooni.
JavaScripti klassid
Objekti loomiseks kasutatakse JavaScripti klassi. Klass sarnaneb konstruktori funktsiooniga. Näiteks,
class Person ( constructor(name) ( this.name = name; ) )
Märksõna class
kasutatakse klassi loomiseks. Atribuudid määratakse konstruktori funktsioonis.
Nüüd saate objekti luua. Näiteks,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
Klasside kohta lisateabe saamiseks külastage JavaScripti kursusi.
Parameetri vaikeväärtused
ES6 versioonis saate vaikeparameetrid edastada funktsiooni parameetrites. Näiteks,
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
Kui te ei edasta parameetrit domeenile y
, võtab see ülaltoodud näites vaikimisi 5 .
Vaikeparameetrite kohta lisateabe saamiseks külastage JavaScripti funktsiooni vaikeparameetreid.
JavaScripti malliliited
Malli literaal on muutujate lisamine stringi hõlbustanud. Näiteks enne, kui pidite tegema:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
Selle saab saavutada malli literaali abil:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Malli literaalide kohta lisateabe saamiseks külastage JavaScripti malli literaali.
JavaScripti ümberkorraldamine
Destruktureeriv süntaks muudab väärtuste määramise uuele muutujale lihtsamaks. Näiteks,
// 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
Kasutades ES6 ümberkorraldamise süntaksit, saab ülaltoodud koodi kirjutada järgmiselt:
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
Destruktureerimise kohta lisateabe saamiseks külastage JavaScripti ümberkorraldamist.
JavaScripti import ja eksport
Funktsiooni või programmi saate eksportida ja importides seda mõnes teises programmis kasutada. See aitab teha korduvkasutatavaid komponente. Näiteks kui teil on kaks JavaScripti faili nimega contact.js ja home.js.
In contact.js faili, saate eksportidacontact()
funktsiooni:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
Kui soovite contact()
funktsiooni mõnes teises failis kasutada, saate funktsiooni lihtsalt importida. Näiteks failis home.js:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
JavaScripti lubadused
Lubadusi kasutatakse asünkroonsete ülesannete lahendamiseks. Näiteks,
// 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 ), )
Lubaduste kohta lisateabe saamiseks külastage JavaScripti lubadusi.
JavaScripti ülejäänud parameeter ja levitamise operaator
Võite kasutada ülejäänud parameetrit esindama määramata arv argumente massiivi. Näiteks,
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')
Ülejäänud argumendid edastate …
süntaksit kasutades . Seega on nime ülejäänud parameeter .
Elementide ühtseks massiiviks kopeerimiseks kasutate levitamise süntaksit …
. Näiteks,
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
Nii ülejäänud parameeter kui ka hajutusoperaator kasutavad sama süntaksit. Hajutusoperaatorit kasutatakse aga massiividega (itereeritavad väärtused).
Lisateabe saamiseks hajutusoperaatori kohta külastage JavaScripti levitamise operaatorit.