CodeRoll | Frontend

❓Какие способы клонирования объектов существуют в JavaScript?

Ответ:
Клонирование объектов можно сделать несколькими способами:
Использование Object.assign()
Использование оператора spread (...)
Использование JSON.parse() и JSON.stringify() (для глубокого клонирования, но с ограничениями).

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

Coderoll | Frontend

Как работает хук useState?

Ответ:
useState — это хук, который позволяет добавлять состояние в функциональные компоненты. Он возвращает массив из двух элементов: текущего состояния и функции для его обновления.

const [count, setCount] = useState(0);

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

Coderoll | Frontend

❓Что такое “currying” в JavaScript?

Ответ:
Currying — это процесс преобразования функции, которая принимает несколько аргументов, в серию функций, каждая из которых принимает один аргумент. Это позволяет создавать более универсальные и частично применяемые функции.

Пример:

const add = a => b => a + b;

const add5 = add(5);
console.log(add5(3)); // 8

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

Coderoll | Frontend

❓ Что такое Event Loop в JavaScript?

Ответ:
Event Loop — это механизм, который позволяет JavaScript быть однопоточным языком, но при этом работать асинхронно. Он обрабатывает задачи из очереди событий, когда основной поток становится свободным. Event Loop проверяет Call Stack (стек вызовов), и если он пуст, берёт следующую задачу из очереди и выполняет её.

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

Coderoll | Frontend

❓ Что такое Proxy в JavaScript?

Ответ:
Proxy — это объект, который позволяет перехватывать операции (например, чтение свойств, установку значений, вызов функций) над другим объектом. Это используется для мониторинга, валидации или изменения поведения объекта.

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

Coderoll | Frontend

⚡️ Пара методов для объектов в JS, которую должен знать каждый

Object.keys() - это метод, который возвращает массив из собственных перечисляемых свойств переданного объекта

Пример:

var obj = { first: "a", second: "b", third: "c" };
console.log(Object.keys(obj)); 

// консоль: [ 'first', 'second', 'third' ]

Не забудьте, что массивы - это тоже объекты, и к ним тоже можно применить данный метод. Хотя это и не нужно н практике

Object.values() - это метод, который возвращает массив значений перечисляемых свойств объекта

Пример:

const user = {
  name: 'John',
  surname: "Smith",
  age: 35,
};

console.log(Object.values(user));
// консоль: Array [ 'John', 'Smith', 35 ]

Coderoll | Frontend

Что такое JSX?

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

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

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

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

Coderoll | Frontend

❓ Что такое Destructuring Assignment?

Ответ:
Destructuring Assignment — это синтаксис JavaScript, который позволяет извлекать данные из массивов или объектов в переменные. Это упрощает работу с данными и делает код более читаемым.

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

Coderoll | Frontend

⚡️Что такое инкапсуляция

Ответ:
Инкапсуляция - это механизм, который объединяет данные и методы, манипулирующие этими данными, и защищает и то и другое от внешнего вмешательства или неправильного использования. Когда методы и данные объединяются таким способом, создается объект.

Подробнее

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

Coderoll | Frontend

❓ Что такое Spread оператор (...)?

Ответ:
Spread оператор позволяет расширять или разворачивать итерируемые объекты (например, массивы или строки) в местах, где ожидается ноль или более аргументов (для функций) или элементов (для массивов).

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

Coderoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏️ Используйте функции для удаления дубликатов кода

Одно из первых правил, которые мы изучаем в функциях - это соблюдение правила DRY (don't repeat yourself)

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

Coderoll | Frontend

❓ Что такое Symbol в JavaScript?

Ответ:
Symbol — это уникальный и неизменяемый тип данных, часто используемый как уникальный идентификатор для свойств объектов. Каждый вызов Symbol() создаёт новый уникальный символ.

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

Coderoll | Frontend

❓ Что такое for...of?

Ответ:
for...of — это цикл, который итерируется по итерируемым объектам (массивы, строки, генераторы и т.д.), возвращая значения элементов.

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

Coderoll | Frontend

❓Что такое props и state в React?

Ответ:
Props (свойства) — это данные, которые передаются в компонент родителем. Props являются неизменяемыми для компонента.
State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния
вызывает повторный рендер компонента.

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

Coderoll | Frontend

Как работает хук useState?

Ответ:
useState — это хук, который позволяет добавлять состояние в функциональные компоненты. Он возвращает массив из двух элементов: текущего состояния и функции для его обновления.

const [count, setCount] = useState(0);

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

Coderoll | Frontend

Как работает метод setState?

Ответ:
Метод setState используется для обновления состояния компонента в React. Когда состояние изменяется, React перерисовывает компонент и его дочерние элементы. Важно, что setState работает асинхронно, и обновления могут быть объединены.

this.setState({ counter: this.state.counter + 1 });
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Что такое динамический импорт в React?

Ответ:
Динамический импорт позволяет загружать модули асинхронно. В React это используется для ленивой загрузки компонентов, что улучшает производительность приложения. Пример:

const LazyComponent = React.lazy(() => import('./LazyComponent'));

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

Coderoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

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

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

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

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

Coderoll | Frontend