V tomto kurzu se dozvíte o JavaScriptu ES6 pomocí příkladů.
JavaScript ES6 (také známý jako ECMAScript 2015 nebo ECMAScript 6 ) je novější verze JavaScriptu, která byla představena v roce 2015.
ECMAScript je standard, který používá programovací jazyk JavaScript. ECMAScript poskytuje specifikaci toho, jak by měl programovací jazyk JavaScript fungovat.
Tento výukový program poskytuje stručné shrnutí běžně používaných funkcí ES6, abyste mohli v ES6 rychle začít.
JavaScript povolen
letK deklaraci proměnných se používá JavaScript . Dříve byly proměnné deklarovány pomocí varklíčového slova.
Chcete-li se dozvědět více o rozdílech mezi leta var, navštivte JavaScript let vs var.
Proměnné deklarované pomocí letjsou blokově vymezeny . To znamená, že jsou přístupné pouze v konkrétním bloku. Například,
// variable declared using let let name = 'Sara'; ( // can be accessed only inside let name = 'Peter'; console.log(name); // Peter ) console.log(name); // Sara
Konst. JavaScript
Příkaz constse používá k deklaraci konstant v JavaScriptu. Například,
// name declared with const cannot be changed const name = 'Sara';
Po deklaraci nemůžete změnit hodnotu constproměnné.
Funkce šipky JavaScriptu
Ve verzi ES6 můžete k vytváření výrazů funkcí používat funkce se šipkami. Například
tato funkce
// function expression let x = function(x, y) ( return x * y; )
lze psát jako
// function expression using arrow function let x = (x, y) => x * y;
Chcete-li se dozvědět více o funkcích šipek, navštivte JavaScript Arrow Function.
Třídy JavaScriptu
Třída JavaScript se používá k vytvoření objektu. Třída je podobná funkci konstruktoru. Například,
class Person ( constructor(name) ( this.name = name; ) )
Klíčové slovo classse používá k vytvoření třídy. Vlastnosti jsou přiřazeny ve funkci konstruktoru.
Nyní můžete vytvořit objekt. Například,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
Další informace o třídách najdete na stránkách Třídy JavaScriptu.
Výchozí hodnoty parametrů
Ve verzi ES6 můžete předat výchozí hodnoty v parametrech funkce. Například,
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
Ve výše uvedeném příkladu, pokud parametr nepředáte y, bude ve výchozím nastavení trvat 5 .
Chcete-li se dozvědět více o výchozích parametrech, navštivte výchozí parametry funkce JavaScriptu.
Literálové šablony JavaScript
Literál šablony usnadnil zahrnutí proměnných do řetězce. Například předtím, než jste museli udělat:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
Toho lze dosáhnout pomocí šablony doslovného podle:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
Další informace o literálech šablon najdete na webu JavaScript Template Literal.
Destrukturalizace JavaScriptu
Syntaxe destrukce usnadňuje přiřazování hodnot nové proměnné. Například,
// 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
Pomocí syntaxe ES6 Destruct lze výše uvedený kód zapsat jako:
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
Další informace o destrukci najdete v části Destrukturalizace JavaScriptu.
Import a export JavaScriptu
Funkci nebo program můžete exportovat a použít v jiném programu importem. To pomáhá vytvářet opakovaně použitelné součásti. Například pokud máte dva soubory JavaScript s názvem contact.js a home.js.
V contact.js souboru, můžete exportovat do contact()funkce:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
Pokud chcete použít contact()funkci v jiném souboru, můžete ji jednoduše importovat. Například v souboru home.js:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
Sliby JavaScriptu
Sliby se používají ke zpracování asynchronních úkolů. Například,
// 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 ), )
Chcete-li se dozvědět více o slibech, navštivte JavaScript Promises.
Zbytek parametru JavaScript a operátor šíření
Parametr rest můžete použít k reprezentaci neurčitého počtu argumentů jako pole. Například,
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')
Zbývající argumenty předáte pomocí … syntaxe. Proto je parametr odpočinku názvu .
Pomocí syntaxe šíření … zkopírujete položky do jednoho pole. Například,
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
Parametr rest i operátor šíření používají stejnou syntaxi. Operátor šíření se však používá u polí (iterovatelných hodnot).
Chcete-li se dozvědět více o operátoru šíření, navštivte JavaScript Spread Operator.
