În acest tutorial, veți afla despre JavaScript ES6 cu ajutorul unor exemple.
JavaScript ES6 (cunoscut și sub numele de ECMAScript 2015 sau ECMAScript 6 ) este versiunea mai nouă a JavaScript care a fost introdusă în 2015.
ECMAScript este standardul pe care îl folosește limbajul de programare JavaScript. ECMAScript oferă specificații despre modul în care ar trebui să funcționeze limbajul de programare JavaScript.
Acest tutorial oferă un scurt rezumat al caracteristicilor utilizate în mod obișnuit ale ES6, astfel încât să puteți porni rapid în ES6.
JavaScript lăsat
JavaScript leteste folosit pentru a declara variabile. Anterior, variabilele erau declarate folosind varcuvântul cheie.
Pentru a afla mai multe despre diferența dintre letși var, vizitați JavaScript let vs var.
Variabilele declarate folosind letsunt blocate . Aceasta înseamnă că acestea sunt accesibile numai într-un anumit bloc. De exemplu,
// variable declared using let let name = 'Sara'; ( // can be accessed only inside let name = 'Peter'; console.log(name); // Peter ) console.log(name); // Sara
Const. JavaScript
constDeclarația este folosită pentru a declara constante în JavaScript. De exemplu,
// name declared with const cannot be changed const name = 'Sara';
Odată declarat, nu puteți schimba valoarea unei constvariabile.
Funcția săgeată JavaScript
În versiunea ES6 , puteți utiliza funcții săgeată pentru a crea expresii funcționale. De exemplu,
Această funcție
// function expression let x = function(x, y) ( return x * y; )
poate fi scris ca
// function expression using arrow function let x = (x, y) => x * y;
Pentru a afla mai multe despre funcțiile săgeată, vizitați funcția săgeată JavaScript.
Cursuri JavaScript
Clasa JavaScript este utilizată pentru a crea un obiect. Clasa este similară cu o funcție constructor. De exemplu,
class Person ( constructor(name) ( this.name = name; ) )
Cuvântul cheie classeste folosit pentru a crea o clasă. Proprietățile sunt atribuite într-o funcție de constructor.
Acum puteți crea un obiect. De exemplu,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
Pentru a afla mai multe despre cursuri, vizitați cursurile JavaScript.
Valori implicite ale parametrilor
În versiunea ES6, puteți transmite valorile implicite în parametrii funcției. De exemplu,
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
În exemplul de mai sus, dacă nu treceți parametrul pentru y, va lua 5 în mod implicit.
Pentru a afla mai multe despre parametrii impliciți, accesați Parametrii prestabiliti ai funcției JavaScript.
Litere de șablon JavaScript
Literalul șablon a facilitat includerea variabilelor într-un șir. De exemplu, înainte a trebuit să faceți:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
Acest lucru poate fi realizat folosind șablonul literal prin:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Pentru a afla mai multe despre literalele șablonului, accesați JavaScript Template Literal.
JavaScript Destructurare
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.
Parametru de repaus JavaScript și Operator Spread
Puteți utiliza parametrul rest pentru a reprezenta un număr nedefinit de argumente ca matrice. De exemplu,
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')
Treceți argumentele rămase folosind … sintaxa. Prin urmare, parametrul restului de nume .
Utilizați sintaxa răspândirii … pentru a copia articolele într-o singură matrice. De exemplu,
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
Atât parametrul rest cât și operatorul spread folosesc aceeași sintaxă. Cu toate acestea, operatorul spread este utilizat cu matrici (valori iterabile).
Pentru a afla mai multe despre operatorul spread, accesați JavaScript Spread Operator.
