V tej vadnici boste s pomočjo primerov spoznali JavaScript ES6.
JavaScript ES6 (znan tudi kot ECMAScript 2015 ali ECMAScript 6 ) je novejša različica JavaScript, ki je bila uvedena leta 2015.
ECMAScript je standard, ki ga uporablja programski jezik JavaScript. ECMAScript vsebuje specifikacijo, kako naj deluje programski jezik JavaScript.
Ta vadnica vsebuje kratek povzetek pogosto uporabljenih funkcij ES6, tako da lahko hitro začnete z ES6.
JavaScript naj
JavaScript let
se uporablja za razglasitev spremenljivk. Prej so bile spremenljivke deklarirane s var
ključno besedo.
Če želite izvedeti več o razliki med let
in var
, obiščite JavaScript let vs var.
Spremenljivke, prijavljene z uporabo, let
imajo obseg blokov . To pomeni, da so dostopni samo znotraj določenega bloka. Na primer
// 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
const
Izjava se uporablja za razglasi konstante v JavaScript. Na primer
// name declared with const cannot be changed const name = 'Sara';
Ko je deklarirana, ne morete spremeniti vrednosti const
spremenljivke.
Funkcija puščice JavaScript
V različici ES6 lahko s puščičnimi funkcijami ustvarite izraze funkcij. Na primer
Ta funkcija
// function expression let x = function(x, y) ( return x * y; )
lahko zapišemo kot
// function expression using arrow function let x = (x, y) => x * y;
Če želite izvedeti več o funkcijah puščic, obiščite funkcijo puščice JavaScript.
Razredi JavaScript
Razred JavaScript se uporablja za ustvarjanje predmeta. Razred je podoben konstruktorski funkciji. Na primer
class Person ( constructor(name) ( this.name = name; ) )
Ključna beseda class
se uporablja za ustvarjanje predavanja. Lastnosti so dodeljene v konstruktorski funkciji.
Zdaj lahko ustvarite predmet. Na primer
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
Če želite izvedeti več o predavanjih, obiščite tečaje JavaScript.
Privzete vrednosti parametrov
V različici ES6 lahko v parametre funkcije prenesete privzete vrednosti. Na primer
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
Če v zgornjem primeru parametra ne prenesete y
, bo privzeto trajalo 5 .
Če želite izvedeti več o privzetih parametrih, obiščite privzete parametre funkcije JavaScript.
Literatura predloge JavaScript
Literal predloge je olajšal vključevanje spremenljivk v niz. Na primer, preden ste morali storiti:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
To lahko dosežemo z uporabo literal predloge:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Če želite izvedeti več o literaturah predlog, obiščite JavaScript Template Literal.
Destrukturiranje JavaScript
Sintaksa destrukturiranja olajša dodeljevanje vrednosti novi spremenljivki. Na primer
// 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
Z uporabo sintakse destrukturiranja ES6 lahko zgornjo kodo zapišemo kot:
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
Če želite izvedeti več o destrukturiranju, obiščite JavaScript Destructuring.
JavaScript uvoz in izvoz
Funkcijo ali program lahko izvozite in uporabite tako, da ga uvozite v drug program. To pomaga pri izdelavi sestavnih delov za večkratno uporabo. Na primer, če imate dve datoteki JavaScript z imenom contact.js in home.js.
V contact.js datoteke, lahko izvozite s contact()
funkcijo:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
Potem, ko želite contact()
funkcijo uporabiti v drugi datoteki, jo lahko preprosto uvozite. Na primer v datoteki home.js:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
Obljube JavaScript
Obljube se uporabljajo za obdelavo asinhronih nalog. Na primer
// 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 ), )
Če želite izvedeti več o obljubah, obiščite JavaScript Promises.
JavaScript Parameter počitka in Spread Operator
Parameter rest lahko uporabite za predstavitev nedoločenega števila argumentov kot matrike. Na primer
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 posredujete z uporabo …
sintakse. Zato je ime počitek parameter .
Uporabljate širjenja sintakso …
kopirati elemente v en niz. Na primer
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
Parameter rest in operator širjenja uporabljata isto sintakso. Vendar se operator širjenja uporablja z nizi (ponovljive vrednosti).
Če želite izvedeti več o operaterju širjenja, obiščite JavaScript Spread Operator.