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

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

date_range Год издания :

foundation Издательство :Издательские решения

person Автор :

workspaces ISBN :9785006204843

child_care Возрастное ограничение : 12

update Дата обновления : 22.12.2023

console.log(factorial(5)); // Output: 120

6)      Функциональные комбинаторы. Это функции, которые комбинируют другие функции, чтобы создавать новые. Примеры включают map, filter, и reduce.

const square = x => x * x;

const increment = x => x + 1;

const squareAndIncrement = compose(increment, square);

console.log(squareAndIncrement(3)); // Output: 10

7)      Каррирование (Currying). Процесс преобразования функции с множеством аргументов в цепочку функций, каждая из которых принимает только один аргумент.

const square = x => x * x;

const increment = x => x + 1;

const squareAndIncrement = compose(increment, square);

console.log(squareAndIncrement(3)); // Output: 10

15. Что такое RESTful API? Какие HTTP методы обычно используются для взаимодействия с RESTful API?

RESTful API (Representational State Transfer API) представляет собой стандарт архитектуры веб-сервисов, основанный на принципах REST. Он использует стандартные протоколы и методы HTTP для обмена данными между клиентом и сервером. Основные принципы REST включают отсутствие состояния (stateless), клиент-серверную архитектуру и использование унифицированных интерфейсов.

HTTP методы (или HTTP глаголы) обеспечивают различные операции в RESTful API:

1)      GET. Используется для запроса данных или информации от сервера. Не должен изменять состояние сервера.

2)      POST. Используется для создания новых ресурсов на сервере. Часто используется при отправке данных формы.

3)      PUT. Используется для обновления существующего ресурса на сервере. Полностью заменяет текущее состояние ресурса.

4)      PATCH. Аналогичен PUT, но применяется для частичного обновления ресурса, а не его полной замены.

5)      DELETE. Используется для удаления ресурса на сервере.

6)      OPTIONS. Используется для запроса информации о возможных методах HTTP, поддерживаемых сервером для указанного ресурса.

7)      HEAD. Аналогичен GET, но возвращает только заголовки без тела ответа. Часто используется для проверки доступности ресурса или получения метаданных.

8)      TRACE. Этот метод запрашивает сервер отправить обратно полученный запрос, что позволяет клиенту видеть, как запрос прошел через промежуточные серверы.

9)      CONNECT. Используется для установки туннеля к серверу, идентифицированному по ресурсу.

Эти методы предоставляют различные способы взаимодействия с ресурсами на сервере в рамках RESTful API.

16. Что такое Callback функции в JavaScript? Как они используются при работе с асинхронным кодом?

Callback функции – это ключевой механизм в асинхронном JavaScript, который позволяет управлять асинхронными операциями и выполнением кода после завершения этих операций.

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

Пример использования callback функции при выполнении асинхронной операции, например, загрузке данных с сервера:

function fetchData(callback) {

// Процесс загрузки данных с сервера

setTimeout(function() {

const data = 'Данные с сервера';

callback(data); // Вызываем callback функцию и передаем ей полученные данные

}, 2000); // Например, имитация задержки загрузки данных на 2 секунды

}

function displayData(data) {

console.log('Получены данные:', data);

}

fetchData(displayData); // Вызываем функцию fetchData и передаем ей displayData в качестве callback функции

В этом примере fetchData – это функция, которая имитирует загрузку данных с сервера. Она принимает callback функцию в качестве аргумента и вызывает ее, когда данные будут доступны. displayData – это callback функция, которая принимает данные и выводит их в консоль после их получения.

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

17. Чем отличаются методы массивов map (), filter () и reduce ()? Приведите примеры использования каждого из них?

Методы массивов map(), filter() и reduce() – каждый из этих методов предоставляет различные способы обработки массивов в JavaScript:

·         map() – создает новый массив, содержащий результат вызова предоставленной функции для каждого элемента исходного массива. Этот метод не изменяет исходный массив, а возвращает новый массив с результатами применения функции к каждому элементу.

const numbers = [1, 2, 3, 4];

const doubled = numbers.map(num => num * 2);

/ doubled: [2, 4, 6, 8]

·         filter() – создает новый массив, содержащий только те элементы исходного массива, для которых функция возвращает true. Этот метод также не изменяет исходный массив, а возвращает новый массив с отфильтрованными элементами.

const numbers = [1, 2, 3, 4];

const evenNumbers = numbers.filter(num => num % 2 === 0);

// evenNumbers: [2, 4]

·         reduce() – применяет функцию-аккумулятор к каждому элементу массива, сводя его к единственному значению. Этот метод может выполняться на массиве для вычисления суммы, подсчета количества элементов, объединения элементов и многого другого.

const numbers = [1, 2, 3, 4];

const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

// sum: 10

в данном примере 0 – это начальное значение аккумулятора.

18. Что такое Promise в JavaScript? Какие преимущества они предоставляют при работе с асинхронным кодом?

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

19. Что такое async и await в JavaScript? Как они упрощают написание асинхронного кода?

Ключевые слова async и await помогают упростить асинхронное программирование. Когда функция объявляется с ключевым словом async, она всегда возвращает Promise. await используется внутри async функций для приостановки выполнения кода до тех пор, пока Promise не завершится, и затем возвратит результат этого Promise. Это позволяет писать асинхронный код в более линейном стиле, без использования цепочек колбэков или методов обработки Promise.

Например:

function fetchData() {

return newPromise(resolve => {

setTimeout(() => {

resolve('Данные с сервера');

}, 2000);

});

}

async function getData() {

try {

const result = await fetchData();

console.log(result); // Выведет: 'Данные с сервера'

} catch (error) {

console.error('Ошибка:', error);

}

}

getData();

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

20. Какие методы объекта Math существуют в JavaScript? Приведите примеры их использования?

Math в JavaScript предоставляет различные методы для выполнения математических операций:

Math.random() – возвращает псевдослучайное число от 0 (включительно) до 1 (не включительно);

const randomNum = Math.random();

console.log(randomNum); // Выведет случайное число между 0 и 1

Math.floor() – округляет число вниз до ближайшего целого числа;

const num = 4.9;

const roundedDown = Math.floor(num);

console.log(roundedDown); // Выведет: 4

Math.ceil() – округляет число вверх до ближайшего целого числа:

Все книги на сайте предоставены для ознакомления и защищены авторским правом