Set — это коллекция уникальных значений, где каждое значение может встречаться только один раз, что полезно для удаления дубликатов. Map — это коллекция пар ключ-значение, где ключи могут быть любого типа, в отличие от объектов, где ключи всегда строки.

✈️ JS собеседования

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

Глобальная область видимости — переменные, объявленные вне функций или блоков, доступны везде в коде. Функциональная область видимости ограничивает доступ переменных, объявленных внутри функции, только этой функцией. Блочная область видимости, появившаяся с введением let и const, ограничивает доступ переменных блоком кода, например, внутри if или for.

const globalVar = 'global'; // Глобальная область видимости

function example() {
  const localVar = 'local'; // Функциональная область видимости
  if (true) {
    const blockVar = 'block'; // Блочная область видимости
  }
}

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

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

null — это явно присвоенное значение, обозначающее отсутствие какого-либо объекта или значения. undefined означает, что переменная была объявлена, но ей не было присвоено значение, или свойство объекта не существует.

✈️ JS собеседования

▶️ Модули ES6 позволяют организовывать код в отдельные файлы, которые можно импортировать и экспортировать.

// export.js
export const value = 42;
export function greet() { return 'Hello'; }

Для экспорта используются ключевые слова export или export default.

// import.js
import { value, greet } from './export.js';
console.log(value); // 42
console.log(greet()); // Hello

Импорт выполняется с помощью import. Модули поддерживают статический анализ, что позволяет оптимизировать загрузку и устранять неиспользуемый код. Модули всегда работают в строгом режиме (use strict).

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Рефакторинг — это процесс улучшения структуры кода без изменения его внешнего поведения. Для эффективного рефакторинга важно использовать тесты, чтобы убедиться, что функциональность не нарушена, и применять небольшие, инкрементальные изменения.

✈️ JS собеседования

⏩ Асинхронность и синхронность — ключевые концепции, определяющие порядок выполнения кода.

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

console.log('First');
console.log('Second'); // Выполнится только после завершения первой строки

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

console.log('First');
setTimeout(() => console.log('Second'), 1000); // Выполнится через 1 секунду, не блокируя поток
console.log('Third'); // Выполнится сразу после 'First'

Асинхронность достигается через колбэки, промисы и async/await, что делает код более эффективным для задач с ожиданием.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

'use strict' — это директива, которая включает строгий режим выполнения кода. Она помогает избежать неявных ошибок, запрещая использование небезопасных конструкций и улучшая оптимизацию кода.

✈️ JS собеседования

⏩Чтобы избежать callback hell, можно использовать промисы (Promises) или синтаксис async/await. Промисы позволяют организовать асинхронный код в цепочку, а async/await делает его более читаемым, похожим на синхронный.

// С промисами
fetchData()
  .then(response => processData(response))
  .then(result => saveData(result))
  .catch(error => console.error(error));

// С async/await
async function handleData() {
  try {
    const response = await fetchData();
    const result = await processData(response);
    await saveData(result);
  } catch (error) {
    console.error(error);
  }
}

Также можно разбивать код на отдельные функции, чтобы избежать вложенности. Это улучшает читаемость и поддерживаемость.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Метод slice возвращает новый массив или строку, содержащую копию части исходного массива или строки. Он принимает два аргумента: начальный индекс (включительно) и конечный индекс (не включительно), при этом не изменяя исходный массив или строку.

✈️ JS собеседования

🔘 Для подключения внешнего JavaScript-файла к HTML-странице используется тег <noscript> с атрибутом src. Этот тег обычно размещается внутри <head> или перед закрывающим тегом </body>.

<noscript src="path/to/noscript.js"></noscript>

Атрибут src указывает путь к файлу скрипта. Если файл находится в той же папке, что и HTML-документ, достаточно указать имя файла. Для файлов в других папках или на внешних ресурсах используется полный или относительный путь.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Условное присваивание с помощью логических операторов выполняется через операторы && и ||. Например, a = b || c присвоит переменной a значение b, если оно истинно, иначе — значение c.

✈️ JS собеседования

🟡 Метод Math.round() округляет число до ближайшего целого. Если дробная часть числа больше или равна 0.5, число округляется вверх, иначе — вниз.

const num1 = 3.7;
const num2 = 3.2;
console.log(Math.round(num1)); // 4
console.log(Math.round(num2)); // 3

Для отрицательных чисел правило аналогично: -3.7 округляется до -4, а -3.2 до -3. Метод всегда возвращает целое число, удаляя дробную часть.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

var имеет функциональную область видимости и может быть переопределен или объявлен повторно. let и const имеют блочную область видимости, но let позволяет изменять значение переменной, а const — нет, так как она предназначена для констант.

✈️ JS собеседования

▶️Метод concat используется для объединения массивов или добавления элементов в конец массива. Он не изменяет исходный массив, а возвращает новый массив, содержащий результат объединения.

const arr1 = [1, 2];
const arr2 = [3, 4];
const result = arr1.concat(arr2); // [1, 2, 3, 4]

Метод может принимать несколько аргументов, включая массивы или отдельные элементы.

const arr = [1];
const newArr = arr.concat(2, [3, 4]); // [1, 2, 3, 4]

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

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Цикл do...while выполняет блок кода как минимум один раз, а затем продолжает выполнение, пока условие истинно. В отличие от while, условие проверяется после выполнения тела цикла, что гарантирует хотя бы одну итерацию.

✈️ JS собеседования

➡️ Таймер, созданный с помощью setInterval, можно остановить с помощью функции clearInterval, передав ей идентификатор, возвращенный setInterval. Это позволяет прервать выполнение циклического вызова функции.

const intervalId = setInterval(() => {
  console.log("Tick");
}, 1000);

clearInterval(intervalId); // Остановка таймера

Идентификатор intervalId сохраняется при создании таймера и используется для его остановки. Без вызова clearInterval таймер будет выполняться бесконечно.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Метод map применяет функцию к каждому элементу массива, возвращая новый массив с результатами. Метод filter создает новый массив, включая только те элементы, которые удовлетворяют условию в переданной функции. Метод reduce последовательно обрабатывает элементы массива, накапливая результат на основе переданной функции и начального значения.

✈️ JS собеседования

👉 localStorage и sessionStorage — это механизмы хранения данных в браузере, позволяющие сохранять пары ключ-значение. Данные в localStorage сохраняются даже после закрытия браузера и не имеют срока действия, пока не будут удалены вручную. sessionStorage работает аналогично, но данные сохраняются только на время сессии и удаляются при закрытии вкладки или браузера.

localStorage.setItem('key', 'value'); // Сохранение данных
const data = localStorage.getItem('key'); // Получение данных

Оба хранилища доступны только в рамках одного источника (протокол, домен, порт) и поддерживают только строковые данные. Для работы с объектами необходимо использовать JSON.stringify и JSON.parse.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Event Bubbling — это процесс, при котором событие сначала обрабатывается на целевом элементе, а затем всплывает вверх по дереву DOM к его родительским элементам. Event Capturing — это противоположный процесс, при котором событие сначала обрабатывается на верхнем уровне дерева DOM и затем погружается вниз до целевого элемента.

✈️ JS собеседования

🟢Hoisting — это механизм, при котором объявления переменных и функций перемещаются вверх своей области видимости перед выполнением кода. Для переменных, объявленных через var, hoisting поднимает только объявление, но не инициализацию, что может привести к undefined.

console.log(x); // undefined, так как объявление поднято, но не значение
var x = 5;

foo(); // "Hello", функция поднята полностью
function foo() {
    console.log("Hello");
}

Для let и const hoisting также происходит, но доступ к переменным до объявления вызывает ошибку.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Тернарный оператор позволяет записать условное выражение в компактной форме: условие ? выражение1 : выражение2. Если условие истинно, выполняется выражение1, иначе — выражение2. Он часто используется для присваивания значений или возврата результатов в зависимости от условия.

✈️ JS собеседования