i Když ES6 specifikace není super-čerstvé, myslím si, že mnoho vývojářů jsou stále ještě na skok obeznámeni s tím., Hlavním důvodem je pravděpodobně špatná podpora ve webových prohlížečích těsně po vydání specifikace. V současné době je SPECIFIKACE starší než 2 roky a mnoho moderních webových prohlížečů funguje dobře s ES6. I když vy (nebo vaši klienti) nepoužíváte nejnovější verzi webového prohlížeče, můžete použít transpilery (jako Babel), které transformují zdroje ES6 na zdroje ES5 během procesu vytváření aplikace. To znamená, že je na čase udělat jeden krok vpřed a naučit se ES6.
v tomto článku se pokusím stručně představit nejužitečnější funkce., Po tutoriálu budete mít základní dovednosti a budete je moci aplikovat v reálném projektu. Nepovažujte to za průvodce nebo dokumentaci. Mým cílem je povzbudit vás, abyste kopali hlouběji a seznámili se s ES6.
const a nechat klíčová slova
const umožňuje definovat konstanty (konečně!). umožňuje definovat proměnné. To je skvělé, ale nemáme proměnné v JavaScriptu již? Ano, To je pravda, ale proměnné deklarované var mají rozsah funkcí a jsou zvednuty nahoru. To znamená, že proměnná může být použita dříve, než byla deklarována., nechť proměnné a konstanty mají blokový rozsah (obklopen {}) a nelze je použít před deklarací.
Array pomocné funkce
Nový super pomocník funkcí se objevily, které usnadňují práci s JS pole ve většině případech užitečné. Kolikrát jste implementovali logiku jako: filtrování, kontrola, zda některý nebo všechny prvky splňují podmínku, nebo konverze prvků? Pravděpodobně velmi často. Nyní máte skvělé jazykové funkce pro práci za vás., Zde jsou podle mého názoru nejcennější funkce:
forEach
provede poskytnutou funkci pro každý prvek pole a předá prvek pole jako argument.
mapa
Vytvoří nové pole obsahující stejný počet prvků, ale výstupní prvky jsou vytvořeny za předpokladu, funkce. Pouze převádí každý prvek pole na něco jiného.,
filtr
Vytvoří nové pole obsahující podmnožinu původního pole. Výsledkem jsou tyto prvky, které projdou testem provedeným poskytnutou funkcí, která by měla vrátit true nebo false.
najít
Najde první prvek, který projde testem provádí za předpokladu, funkce, která by měla vrátit true nebo false.,
každý
Kontroluje, zda každý prvek pole projde testem provádí za předpokladu, funkce, která by měla vrátit true nebo false.
Kontroluje, zda prvek pole projde testem provádí za předpokladu, funkce, která by měla vrátit true nebo false.,
snížit
Aplikuje funkci předán jako první parametr, proti akumulátor a každý prvek v poli (zleva doprava), čímž se sníží na jednu hodnotu. Počáteční hodnota akumulátoru by měla být poskytnuta jako druhý parametr funkce redukce.
Šipka funkce
Provádění velmi jednoduché funkce (stejně jako výše uvedené částky nebo produktu) vyžaduje psaní hodně často používaný., Existuje nějaký lék na to? Ano, zkuste funkce šipek!
funkce šipky mohou být také inline. Je to opravdu zjednodušuje kód:
Šipka funkce může být také složitější a mají mnoho řádků kódu:
Třídy
, Které Java developer nebude chybět tříd při přechodu na JS projekt?, Kdo nemá rád explicitní dědičnost, jako v jazyce Java, místo psaní magického kódu pro prototypové dědictví? Ačkoli někteří vývojáři JS si stěžovali, třídy byly zavedeny v ES6. Nemění pojem dědictví. Jsou to jen syntaktický cukr pro prototypové dědictví.
Rozšířené literály objektu
literály Objektu byly rozšířeny., Nyní můžeme mnohem snadněji,
- definovat pole s proměnnými přiřazení stejné jméno
- definovat funkce
- definovat dynamické (vypočteno) vlastnosti
Šablony řetězců
Kdo miluje psaní velkých řetězec a proměnné zřetězení? Věřím menšině z nás. Kdo to nerad čte? Jsem si jistý, že všichni. Naštěstí ES6 zavádí velmi snadno použitelné šablony řetězců s zástupnými symboly pro proměnné.,
Upozorňujeme, že můžeme psát víceřádkový text.
důležité: pro zabalení textu použijte backticky místo apostrofů.
výchozí parametry funkce
nelíbí se vám poskytnout všechny možné parametry funkce? Použijte výchozí hodnoty.
Ostatní a šířit operátorů
Šíření
umožňuje těžbu z pole nebo objekt obsahu jako samostatné prvky.,
Příklad — aby mělké kopie pole:
Příklad sloučení polí:
Ostatní
chcete vázat několik prvních parametrů funkce do proměnné, a ostatní, aby jednotlivé proměnné jako pole? Nyní to můžete udělat docela snadno.,
Destructuring
pole
Umožňuje extrakci požadovaných prvků z pole a jejich přiřazení do proměnné.
objektu
Umožňuje extrakci požadovaných vlastností z objektu a jejich přiřazení do proměnné stejného jména jako vlastnosti.,
Sliby
Slib, sliby (ano, vím, že to zní divně), že by si v budoucnu výsledky odložené nebo dlouho běžící úlohy. Promise má dva kanály: první pro výsledky, druhý pro potenciální chyby. Chcete-li získat výsledek, poskytnete funkci zpětné volání jako parametr funkce „pak“. Chcete-li zpracovat chyby, poskytnete funkci zpětné volání jako parametr funkce „úlovek“.
Upozorňujeme, že výstup příkladu se může lišit pro každé provedení, protože náhodné volání funkce.,
Shrnutí
doufám, že se vám článek líbil. Pokud chcete nějakou praxi, můžete použít pískoviště pro proces učení: https://es6console.com/. Pokud potřebujete více informací, najdete je zde: