U ovom ćete uputstvu uz primjere naučiti o JavaScript ES6.
JavaScript ES6 (poznat i kao ECMAScript 2015 ili ECMAScript 6 ) novija je verzija JavaScript-a koja je uvedena 2015. godine.
ECMAScript je standard koji koristi programski jezik JavaScript. ECMAScript pruža specifikaciju kako treba raditi programski jezik JavaScript.
Ovaj vodič daje kratki sažetak često korištenih značajki ES6 tako da možete brzo započeti s ES6.
JavaScript dopustite
JavaScript letse koristi za deklariranje varijabli. Prije su varijable bile deklarirane pomoću varključne riječi.
Da biste saznali više o razlici između leti var, posjetite JavaScript let vs var.
Varijable deklarirane koristeći letse blok s opsegom . To znači da su dostupni samo unutar određenog bloka. Na primjer,
// variable declared using let let name = 'Sara'; ( // can be accessed only inside let name = 'Peter'; console.log(name); // Peter ) console.log(name); // Sara
JavaScript const
constIzjava se koristi da se proglasi konstante u JavaScriptu. Na primjer,
// name declared with const cannot be changed const name = 'Sara';
Jednom proglašena, ne možete promijeniti vrijednost constvarijable.
JavaScript funkcija strelice
U verziji ES6 možete koristiti funkcije strelica za stvaranje izraza funkcija. Na primjer,
Ova funkcija
// function expression let x = function(x, y) ( return x * y; )
može se zapisati kao
// function expression using arrow function let x = (x, y) => x * y;
Da biste saznali više o funkcijama strelica, posjetite JavaScript Arrow Function.
JavaScript tečajevi
JavaScript klasa koristi se za stvaranje objekta. Klasa je slična funkciji konstruktora. Na primjer,
class Person ( constructor(name) ( this.name = name; ) )
Ključna riječ classkoristi se za stvaranje klase. Svojstva su dodijeljena u funkciji konstruktora.
Sada možete stvoriti objekt. Na primjer,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
Da biste saznali više o nastavi, posjetite JavaScript tečajeve.
Zadane vrijednosti parametara
U verziji ES6 možete proslijediti zadane vrijednosti u parametrima funkcije. Na primjer,
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
U gornjem primjeru, ako ne proslijedite parametar za y, prema zadanim postavkama trebat će 5 .
Da biste saznali više o zadanim parametrima, posjetite zadane parametre funkcije JavaScript.
JavaScript predlošci literature
Literal predloška olakšao je uključivanje varijabli unutar niza. Na primjer, prije nego što ste morali učiniti:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
To se može postići upotrebom doslovnog predloška pomoću:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Da biste saznali više o literalima predložaka, posjetite JavaScript Template Literal.
JavaScript destrukturiranje
Sintaksa destrukturiranja olakšava dodjeljivanje vrijednosti novoj varijabli. Na primjer,
// 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
Koristeći ES6 sintaksu destrukturiranja, gornji kôd može se zapisati kao:
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
Da biste saznali više o destrukturiranju, posjetite JavaScript Destructuring.
JavaScript uvoz i izvoz
Možete izvesti funkciju ili program i koristiti ih u drugom programu tako da ih uvezete. To pomaže u izradi komponenata za višekratnu upotrebu. Na primjer, ako imate dvije JavaScript datoteke s imenom contact.js i home.js.
U contact.js datoteke, možete izvesti na contact()funkciju:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
Tada kada želite koristiti contact()funkciju u drugoj datoteci, možete je jednostavno uvesti. Na primjer, u datoteci home.js:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
JavaScript obećanja
Obećanja se koriste za rješavanje asinkronih zadataka. Na primjer,
// 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 ), )
Da biste saznali više o obećanjima, posjetite JavaScript Promises.
JavaScript parametar odmora i operator širenja
Parametar rest možete koristiti za predstavljanje neodređenog broja argumenata kao niza. Na primjer,
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')
Preostale argumente prosljeđujete … sintaksom. Dakle, parametar naziv .
Sintaksu širenja upotrebljavate … za kopiranje stavki u jedan niz. Na primjer,
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
I parametar rest i operator širenja koriste istu sintaksu. Međutim, operator širenja koristi se s nizovima (iterabilne vrijednosti).
Da biste saznali više o operatoru širenja, posjetite JavaScript Spread Operator.
