Ирина Кириченко

100 вопросов на собеседование по JavaScript. С подробными объяснениями


Скачать книгу

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

      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 new Promise(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() – округляет число