es6
(13)
ES6 деструктуризація. Детальна інструкція
За останні роки JS не сильно вдосконалився у порівнянні з іншими мовами. Але все ж таки є зміни, які додають потужні можливості, і які варто відзначити. В першу чергу це: шаблонні літерали, деструктуризація, оператор розпакування, стрілкові функції,...
Codeguida · 08 серпня 2018 · 569
Як застосовувати генератори у JavaScript
Сьогодні поговоримо про генератори JavaScript, які є у ES6, та розглянемо кілька прикладів їхнього застосування. Що ж таке генератори Генератор — це функція, яка дозволяє генерувати одне або кілька значень через виведення та повторне введення процеду...
Codeguida · 17 серпня 2021 · 161
JavaScript Symbols: навіщо?
Symbols — новий примітивний тип даних у JavaScript. Серед його переваг найбільш корисною є можливість визначення властивостей об'єктів. Але що в Symbols такого особливого, що відрізняє цей тип від звичайних рядків? Перш ніж поринемо у вивчення symbol...
Codeguida · 20 березня 2019 · 253
Як написати свій webpack-builder
Кому лінь читати, можете одразу клонувати репозиторій і користуватись. Деталі на the-simplest-webpack-react-starter-kit. Нещодавно шукав простий webpack react starter kit. Потрібно було переписати свій pet-project на свіжий React 16. Вимоги до старт...
Codeguida · 18 жовтня 2017 · 13
Параметри за замовчуванням в ES6
Пишучи якусь функцію, метод чи API, ви, рано чи пізно, задумаєтесь про параметри за замовчуванням (default parameters). Особливо, якщо ваш код будуть використувати інші люди. Параметри функції за замовчуванням та скорочене оголошення властивостей — с...
Codeguida · 05 березня 2020 · 46
Шаблонні літерали в ES6
Пам'ятаєте, як жахливо виглядає код в JS, коли потрібно розмістити кілька змінних в рядку? Безліч разів потрібно написати лапки ' ' а потім ще і знак +. І все це лише для того, щоб запустити код і зрозуміти, що ви не правильно вставили змінні або заб...
Codeguida · 13 грудня 2017 · 37
Як оголошувати змінні в Javascript?
Коли ви починаєте вивчати JavaScript, перш за все ви повинні розуміти, як використовувати змінні. Змінні - це своєрідні контейнери для значень всіх можливих типів, наприклад, number (числовий тип), string (рядки) або array (масив). Кожна змінна отрим...
Codeguida · 03 вересня 2020 · 590
Три кроки до розуміння Babel
Babel — це транскомпілятор, без якого розробка була б в рази важчою та зовсім не такою зручною, як зараз. Так в чому ж полягає зручність використання Babel та які можливості він надає? Перш за все, потрібно зрозуміти головне завдання Babel — можливіс...
Codeguida · 10 березня 2020 · 43
Стрілочні функції в JS для початківців
Стрілочні функці — нова форма запису анонімних функцій, що з'явилася в ES6. В чому ж переваги такого запису? Їх декілька. 1. Коротший синтаксис Подивіться на цей приклад: function funcName(params) { return params + 2; } funcName(2); // 4 Цей код...
Codeguida · 6 років тому · 253
6 непопулярних, але зручних можливостей ES6
Спільнота JavaScript-розробників з великою радістю зустрічає нові API, оновлення синтаксису та цікаві фічі, адже все це робить життя легшим, а програмування цікавішим. ES6 несе з собою велику купу всього нового, але сьогодні не про це, сьогодні ми ро...
Codeguida · 02 червня 2021 · 256
Навіщо в ES6 const, якщо він не працює?
Якщо ви перейшли на JavaScript з якоїсь С-подібної мови, то вас, напевно, збентежить той факт, що перший js-код виконається без проблем, а другий код на С — ні. const numbers = [1, 2, 3, 4, 6] numbers[4] = 5 console.log(numbers[4]) // виведе 5 cons...
Codeguida · 06 червня 2017 · 7
JavaScript хаки для ES6 хіпстерів
Хіпстерський хак #1 - Swap змінних Дві змінні можуть обмінятися значеннями за допомогою одного деструктуризаційного виразу. let a = 'world', b = 'hello' [a, b] = [b, a] console.log(a) // -> hello console.log(b) // -> world // Все вірно, магія! Хіпст...
Codeguida · 11 грудня 2017 · 16