🟠Для проверки поддержки браузером определенной функции используется проверка существования этой функции в объекте window или другом соответствующем объекте.

if (typeof window.localStorage !== 'undefined') {
    console.log('localStorage is supported');
} else {
    console.log('localStorage is not supported');
}

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

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

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

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

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

🔥 AJAX (Asynchronous JavaScript and XML) — это технология, позволяющая отправлять и получать данные с сервера без перезагрузки страницы. Основной инструмент для выполнения асинхронных запросов — объект XMLHttpRequest или современный метод fetch.

Пример с использованием fetch:

fetch('https://api.example.com/data')
  .then(response => response.json()) // Преобразуем ответ в JSON
  .then(data => console.log(data))   // Работаем с данными
  .catch(error => console.error('Ошибка:', error)); // Обрабатываем ошибки

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

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

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

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 собеседования