CodeRoll | Frontend
4.45K subscribers
1.7K photos
74 videos
1 file
1.02K links
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://xn--r1a.website/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Что выведет этот код?
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Инкапсулируйте условные операторы

Простыми словами, старайтесь ваши условия заключить в определенный функционал - метод или функцию. Таким образом вы сможете:

💫 переиспользовать логику условия
💫 легко по названию функции/метода понимать что тут происходит
💫 сделать код намного более читаемым (особенно в сложных условиях)

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Создавайте отдельные объекты, а не модифицируйте их напрямую

⚠️ Так же это одно из правил иммутабельности, которое важно соблюдать при работе с продвинутыми инструментами

Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации

Сейчас это можно делать за счет object spread operator (...obj) или по старинке через Object.assign()

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
👩‍💻👩‍💻 Как выглядит алгоритм сортировки выбором на JavaScript?

Один из самых распространенных алгоритмов, которые спрашивают на собеседованиях

При сортировке выбором наименьшее значение выбирается из неотсортированной части и помещается в начало. Этот алгоритм не подходит для больших наборов данных, так как его средняя и худшая временная сложность довольно высока



function selectionSort(arr) {
const n = arr.length;

// Проходим по всем элементам массива
for (let i = 0; i < n - 1; i++) {
// Предполагаем, что текущий индекс i содержит минимальный элемент
let minIndex = i;

// Ищем минимальный элемент в оставшейся части массива
for (let j = i + 1; j < n; j++) {
if (arr[j] < arr[minIndex]) {
minIndex = j; // Обновляем индекс минимального элемента
}
}

// Если найден минимальный элемент не равен текущему, меняем их местами
if (minIndex !== i) {
[arr[i], arr[minIndex]] = [arr[minIndex], arr[i]];
}
}

return arr; // Возвращаем отсортированный массив
}


Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
Что такое JSX?

Ответ:
JSX (JavaScript XML) — это синтаксический сахар для JavaScript, который позволяет писать HTML-подобный код внутри JavaScript. JSX превращается в обычный JavaScript с помощью компилятора, такого как Babel. Пример:

const element = <h1>Hello, world!</h1>;

JSX упрощает создание и чтение UI компонентов.


Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
3