У овом упутству ћете научити о ЈаваСцрипт ЕС6 уз помоћ примера.
ЈаваСцрипт ЕС6 (познат и као ЕЦМАСцрипт 2015 или ЕЦМАСцрипт 6 ) је новија верзија ЈаваСцрипт-а која је уведена 2015. године.
ЕЦМАСцрипт је стандард који користи програмски језик ЈаваСцрипт. ЕЦМАСцрипт пружа спецификацију о томе како програмски језик ЈаваСцрипт треба да ради.
Овај водич даје кратак сажетак најчешће коришћених карактеристика ЕС6 тако да можете брзо да започнете у ЕС6.
ЈаваСцрипт лет
ЈаваСцрипт letсе користи за декларацију променљивих. Раније су променљиве декларисане помоћу varкључне речи.
Да бисте сазнали више о разлици између letи var, посетите ЈаваСцрипт лет вс вар.
Променљиве декларисане коришћењем letсу блок-опсега . То значи да су доступни само у одређеном блоку. На пример,
// variable declared using let let name = 'Sara'; ( // can be accessed only inside let name = 'Peter'; console.log(name); // Peter ) console.log(name); // Sara
ЈаваСцрипт цонст
constСаопштењу се користи да се изјасни константе у ЈаваСцрипт. На пример,
// name declared with const cannot be changed const name = 'Sara';
Једном проглашена, не можете променити вредност constпроменљиве.
Функција ЈаваСцрипт стрелице
У верзији ЕС6 можете користити функције стрелица да бисте креирали изразе функција. На пример,
Ова функција
// function expression let x = function(x, y) ( return x * y; )
може се записати као
// function expression using arrow function let x = (x, y) => x * y;
Да бисте сазнали више о функцијама стрелица, посетите ЈаваСцрипт функцију стрелице.
ЈаваСцрипт класе
ЈаваСцрипт класа се користи за креирање објекта. Класа је слична функцији конструктора. На пример,
class Person ( constructor(name) ( this.name = name; ) )
Кључна реч classсе користи за стварање класе. Својства су додељена у функцији конструктора.
Сада можете да направите објекат. На пример,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
Да бисте сазнали више о часовима, посетите ЈаваСцрипт класе.
Подразумеване вредности параметара
У верзији ЕС6, можете проследити задане вредности у параметрима функције. На пример,
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
У горњем примеру, ако не проследите параметар за y, подразумевано ће требати 5 .
Да бисте сазнали више о подразумеваним параметрима, посетите подразумеване параметре функције ЈаваСцрипт.
ЈаваСцрипт Темплате Литералс
Литерал предлошка олакшао је укључивање променљивих унутар низа. На пример, пре него што сте морали:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
То се може постићи коришћењем литералног предлошка на следећи начин:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Да бисте сазнали више о литералима шаблона, посетите ЈаваСцрипт Темплате Литерал.
ЈаваСцрипт деструктурирање
The destructuring syntax makes it easier to assign values to a new variable. For example,
// 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
Using ES6 Destructuring syntax, the above code can be written as:
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
To learn more about destructuring, visit JavaScript Destructuring.
JavaScript import and export
You could export a function or a program and use it in another program by importing it. This helps to make reusable components. For example, if you have two JavaScript files named contact.js and home.js.
In contact.js file, you can export the contact() function:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
Then when you want to use the contact() function in another file, you can simply import the function. For example, in home.js file:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
JavaScript Promises
Promises are used to handle asynchronous tasks. For example,
// 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 ), )
To learn more about promises, visit JavaScript Promises.
ЈаваСцрипт параметар одмора и оператор ширења
Параметар рест можете користити за представљање неодређеног броја аргумената као низа. На пример,
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')
Преостале аргументе прослеђујете користећи … синтаксу. Отуда назив параметар рест .
Синтаксу ширења користите … за копирање ставки у један низ. На пример,
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
И параметар рест и оператор ширења користе исту синтаксу. Међутим, оператор ширења се користи са низовима (итерабилне вредности).
Да бисте сазнали више о оператеру ширења, посетите ЈаваСцрипт Спреад Оператор.
