📝 Наследование в ES6-классах позволяет создавать новый класс на основе существующего, унаследовав его свойства и методы. Это достигается с помощью ключевого слова extends.

// Базовый класс Animal
class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(`${this.name} издает звук.`);
  }
}

// Класс Dog наследует Animal
class Dog extends Animal {
  speak() {
    console.log(`${this.name} лает.`);
  }
}

const dog = new Dog('Бобик');
dog.speak(); // Бобик лает.

Метод speak в классе Dog переопределяет метод из Animal, демонстрируя полиморфизм.

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

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

📌 Оператор switch используется для выполнения различных действий на основе различных условий. Он сравнивает выражение с метками case и выполняет соответствующий блок кода.

const fruit = 'apple';

switch (fruit) {
  case 'banana':
    console.log('Banana is selected');
    break;
  case 'apple':
    console.log('Apple is selected');
    break;
  case 'orange':
    console.log('Orange is selected');
    break;
  default:
    console.log('No fruit selected');
    break;
}

✔️ В этом примере, если fruit равно 'apple', будет выполнен соответствующий блок кода. break предотвращает выполнение последующих блоков.

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

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

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

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

🔘Для проверки типа переменной используется оператор typeof. Он возвращает строку, указывающую тип операнда.

const number = 42;
const text = "Hello, world!";
const isTrue = true;

console.log(typeof number); // "number"
console.log(typeof text);   // "string"
console.log(typeof isTrue); // "boolean"

🔘Для массивов и объектов typeof возвращает "object". Для проверки массива можно использовать Array.isArray().

const array = [1, 2, 3];
console.log(typeof array);          // "object"
console.log(Array.isArray(array));  // true

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

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

Метод Math.floor() округляет число вниз до ближайшего целого. Это полезно, когда требуется избавиться от дробной части числа, оставив только целую часть.

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

📍 Работа с числами в JavaScript может привести к ошибкам округления из-за особенностей представления чисел с плавающей запятой. Для предотвращения таких ошибок рекомендуется использовать библиотеку Big.js или Decimal.js, которые обеспечивают точные вычисления.

Если использование библиотек невозможно, можно применять метод умножения и последующего деления для работы с целыми числами:

// Пример: сложение 0.1 и 0.2
const sum = (0.1 * 10 + 0.2 * 10) / 10; // Результат: 0.3

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

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

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

Оператор остатка от деления (%) возвращает остаток от деления одного числа на другое, что позволяет определить, делится ли число нацело. Это полезно для проверки четности чисел или выполнения циклических операций, где важно знать остаток.

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

✔️ Анонимная функция — это функция, которая не имеет имени и часто используется для кратковременных задач. Такие функции создаются с помощью ключевого слова function или стрелочных функций =>, и обычно применяются в качестве аргументов для других функций или для создания замыканий.

// Анонимная функция в качестве аргумента
setTimeout(function() {
  console.log("Hello, World!");
}, 1000);

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

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

🔥 Цикл for...in используется для перебора всех перечисляемых свойств объекта. Он проходит по каждому ключу объекта, позволяя выполнять операции с его значениями.

// Объект с данными о пользователе
const user = {
  name: "Alice",
  age: 30,
  city: "Moscow"
};

// Перебор свойств объекта
for (let key in user) {
  console.log(key + ": " + user[key]); // Выводит каждую пару ключ-значение
}

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

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

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

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

⏩ Для определения длины строки используется свойство length. Оно возвращает количество символов в строке, включая пробелы и специальные символы.

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

const str = "Hello, World!";
const length = str.length; // Длина строки "Hello, World!" равна 13
console.log(length); // Выводит 13

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

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

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

Оператор побитового И (&) выполняет логическую операцию И над соответствующими битами двух чисел, возвращая 1 только если оба бита равны 1. Оператор побитового ИЛИ (|) выполняет логическую операцию ИЛИ, возвращая 1, если хотя бы один из соответствующих битов равен 1.

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

➡️ CORS (Cross-Origin Resource Sharing) — это механизм безопасности, который позволяет ограничивать доступ веб-страниц к ресурсам на других доменах. Он предотвращает выполнение потенциально опасных запросов с одного домена на другой, если это не разрешено сервером.

➡️ Когда браузер делает запрос на другой домен, сервер должен отправить заголовок Access-Control-Allow-Origin, чтобы указать, какие домены могут получить доступ к ресурсам. Например:

Access-Control-Allow-Origin: https://example.com

Если заголовок отсутствует или домен не совпадает, браузер блокирует запрос.

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

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

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

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

В HTML атрибуты async и defer управляют загрузкой и выполнением скриптов, чтобы оптимизировать производительность страницы.

1⃣ async загружает скрипт асинхронно с HTML. Скрипт выполняется сразу после загрузки, что может прервать парсинг HTML. Подходит для независимых скриптов.

2⃣ defer также загружает скрипт асинхронно, но выполняет его после полного парсинга HTML. Это гарантирует, что DOM полностью загружен перед выполнением скрипта. Подходит для скриптов, зависящих от DOM.

<noscript src="noscript.js" async></noscript>
<noscript src="noscript.js" defer></noscript>

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

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

Event Bubbling и Event Capturing — это фазы распространения событий в DOM.

⏩Event Bubbling: событие сначала обрабатывается на самом вложенном элементе, затем поднимается вверх по дереву DOM к родительским элементам. Это поведение по умолчанию.

element.addEventListener('click', function() {
    // Обработчик события для всплытия
}, false); // false указывает на фазу всплытия

⏩Event Capturing: событие обрабатывается сверху вниз, начиная с корневого элемента и заканчивая целевым.

element.addEventListener('click', function() {
    // Обработчик события для захвата
}, true); // true указывает на фазу захвата

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

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

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

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

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

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

alert("Hello, World!"); // Отображает модальное окно с сообщением "Hello, World!"

➡️ Окно alert содержит только текст сообщения и кнопку "OK". Оно полезно для простых уведомлений, но не подходит для сложных взаимодействий с пользователем, так как не позволяет получить ввод данных.

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

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

Цикл while выполняет блок кода до тех пор, пока заданное условие истинно. Он проверяет условие перед каждой итерацией, что позволяет контролировать количество выполнений цикла.

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

🔥 Контекст this определяется способом вызова функции. В глобальной области видимости this ссылается на глобальный объект (в браузере это window). В методах объекта this указывает на сам объект.

В стрелочных функциях this наследуется из внешней функции, в которой они определены. В конструкторах this указывает на новый экземпляр объекта.

const obj = {
  name: "Alice",
  greet() {
    console.log(`Hello, ${this.name}`);
  }
};

obj.greet(); // Выведет: Hello, Alice

Использование call, apply или bind позволяет явно задавать контекст this.

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

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

Для проверки, является ли объект экземпляром определённого класса, используется оператор instanceof. Этот оператор возвращает true, если объект принадлежит указанному классу или его прототипной цепочке.

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