Ирина Кириченко - 100 вопросов на собеседование по JavaScript. С подробными объяснениями

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

Для объявления переменной в JavaScript используются операторы let, const, и (устаревший) var.

let x = 5; // объявление переменной x с помощью let

const PI = 3.14159; // объявление константы PI с помощью const

var y = "Пример"; // объявление переменной y с помощью var

·         var является устаревшим методом объявления переменных, он был использован до появления let и const;

·         let используется для объявления переменных, значения которых могут изменяться;

·         const используется для объявления констант, то есть переменных, значения которых не могут быть изменены после инициализации.

Например:

let count = 10;

count = 20; // Допустимо для let

const PI = 3.14159;

PI = 3; // Недопустимо для const, приведет к ошибке

Кроме того, существуют отличия в области видимости между var, let и const в JavaScript:

·         var: Переменные, объявленные с помощью var, имеют функциональную область видимости (function scope). Это означает, что они видны только в функции, в которой были объявлены.

·         let и const: Они имеют блочную область видимости (block scope), что означает, что они видны только внутри блока, в котором были объявлены (обычно это блоки кода в фигурных скобках, такие как условия if, циклы for, функции и другие).

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

undefined – это специальное значение, которое получает переменная, если ей не было присвоено никакое значение.

Например:

let x; // переменная x имеет значение undefined

console.log(x); // Выведет: undefined

Основные методы массивов в JavaScript включают push, pop, shift, unshift, map и reduce, filter. Они предоставляют различные способы изменения и обработки элементов в массиве.

Например:

let arr = [1, 2, 3];

arr.push(4); // добавляет элемент в конец массива

arr.pop(); // удаляет последний элемент массива

arr.map(item => item * 2); // создает новый массив, умножая каждый элемент на 2

Замыкание (closure) – это функция, которая имеет доступ к переменным из внешней области видимости, даже после завершения выполнения внешней функции. Это позволяет сохранять доступ к переменным и использовать их внутри вложенной функции.

function outerFunction() {

let outerVariable = 'I am from the outer function';

function innerFunction() {

console.log(outerVariable); // innerFunction имеет доступ к outerVariable из внешней функции

}

return innerFunction;

}

const inner = outerFunction();

inner(); // Выведет: "I am from the outer function"

В JavaScript объекты могут иметь прототипы, из которых они наследуют свойства. Прототип – это механизм, позволяющий объектам наследовать свойства других объектов. JavaScript использует прототипное наследование, где каждый объект имеет ссылку на прототип (другой объект), и он может наследовать свойства этого прототипа.

// Создаем конструктор объекта

function Animal(name) {

this.name = name;

}

// Добавляем метод в прототип объекта Animal

Animal.prototype.sayHello = function () {

console.log("Hello, my name is " + this.name);

};

// Создаем экземпляр объекта Animal

let cat = new Animal("Whiskers");

// Вызываем метод sayHello у объекта cat

cat.sayHello(); // Выводит "Hello, my name is Whiskers"

Стрелочные функции (arrow functions) отличаются от обычных функций тем, что не имеют своего собственного контекста this, используя контекст окружающего кода. Они также короче и автоматически возвращают значение, если оно записано в одну строку без использования фигурных скобок. Однако у стрелочных функций есть ограничения, например, они не могут быть использованы как конструкторы или иметь свои собственные методы this.

const regularFunction = function(a, b) {

return a + b;

};

const arrowFunction = (a, b) => a + b; // Короткий синтаксис для однострочных выражений

// Стрелочная функция с использованием фигурных скобок

const arrowFunctionWithBlock = (a, b) => {

const result = a + b;

return result;

};

Асинхронность в JavaScript – это способ выполнения операций, который не блокирует основной поток выполнения. В JavaScript для работы с асинхронным кодом используются колбэки (callbacks), промисы (promises), async/await и другие методы, позволяющие эффективно управлять асинхронными операциями.