es6 (13)

Як застосовувати генератори у JavaScript

Сьогодні поговоримо про генератори JavaScript, які є у ES6, та розглянемо кілька прикладів їхнього застосування. Що ж таке генератори Генератор — це функція, яка дозволяє генерувати одне або кілька значень через виведення та повторне введення процеду...

Codeguida · 17 серпня 2021 · 158

6 непопулярних, але зручних можливостей ES6

Спільнота JavaScript-розробників з великою радістю зустрічає нові API, оновлення синтаксису та цікаві фічі, адже все це робить життя легшим, а програмування цікавішим. ES6 несе з собою велику купу всього нового, але сьогодні не про це, сьогодні ми ро...

Codeguida · 02 червня 2021 · 255

Як оголошувати змінні в Javascript?

Коли ви починаєте вивчати JavaScript, перш за все ви повинні розуміти, як використовувати змінні. Змінні - це своєрідні контейнери для значень всіх можливих типів, наприклад, number (числовий тип), string (рядки) або array (масив). Кожна змінна отрим...

Codeguida · 03 вересня 2020 · 564

Три кроки до розуміння Babel

Babel — це транскомпілятор, без якого розробка була б в рази важчою та зовсім не такою зручною, як зараз. Так в чому ж полягає зручність використання Babel та які можливості він надає? Перш за все, потрібно зрозуміти головне завдання Babel — можливіс...

Codeguida · 10 березня 2020 · 41

Параметри за замовчуванням в ES6

Пишучи якусь функцію, метод чи API, ви, рано чи пізно, задумаєтесь про параметри за замовчуванням (default parameters). Особливо, якщо ваш код будуть використувати інші люди. Параметри функції за замовчуванням та скорочене оголошення властивостей — с...

Codeguida · 05 березня 2020 · 44

JavaScript Symbols: навіщо?

Symbols — новий примітивний тип даних у JavaScript. Серед його переваг найбільш корисною є можливість визначення властивостей об'єктів. Але що в Symbols такого особливого, що відрізняє цей тип від звичайних рядків? Перш ніж поринемо у вивчення symbol...

Codeguida · 20 березня 2019 · 248

ES6 деструктуризація. Детальна інструкція

За останні роки JS не сильно вдосконалився у порівнянні з іншими мовами. Але все ж таки є зміни, які додають потужні можливості, і які варто відзначити. В першу чергу це: шаблонні літерали, деструктуризація, оператор розпакування, стрілкові функції,...

Codeguida · 08 серпня 2018 · 556

Шаблонні літерали в ES6

Пам'ятаєте, як жахливо виглядає код в JS, коли потрібно розмістити кілька змінних в рядку? Безліч разів потрібно написати лапки ' ' а потім ще і знак +. І все це лише для того, щоб запустити код і зрозуміти, що ви не правильно вставили змінні або заб...

Codeguida · 13 грудня 2017 · 36

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

Як написати свій webpack-builder

Кому лінь читати, можете одразу клонувати репозиторій і користуватись. Деталі на the-simplest-webpack-react-starter-kit. Нещодавно шукав простий webpack react starter kit. Потрібно було переписати свій pet-project на свіжий React 16. Вимоги до старт...

Codeguida · 18 жовтня 2017 · 13

Що вам потрібно знати про числа в ES6

В порівнянні зі знайомим нам ES5, в стандарті ES6 було багато чого змінено. Ці зміни торкнулися і чисел (Number). Нові літерали Тепер ви відразу можете задавати числа в потрібній системі числення. Для цього використовуються префікси: 0b для чисел в д...

Codeguida · 07 червня 2017 · 4

Навіщо в ES6 const, якщо він не працює?

Якщо ви перейшли на JavaScript з якоїсь С-подібної мови, то вас, напевно, збентежить той факт, що перший js-код виконається без проблем, а другий код на С — ні. const numbers = [1, 2, 3, 4, 6] numbers[4] = 5 console.log(numbers[4]) // виведе 5 cons...

Codeguida · 06 червня 2017 · 6