React Frontend Developer

Question 1

Для чего нужны функции?

Accepted Answer

Функции — это блоки кода, которые выполняют определённую задачу. Они помогают избежать дублирования кода, упрощают его обслуживание и делают программу более понятной. Функция может принимать данные (параметры) и возвращать результат. Например:function greet(name) {
	return `Привет, ${name}!`;
}
console.log(greet("Иван")); // Выведет: Привет, Иван!

Question 2

Что такое

Accepted Answer

<template> — это специальный элемент HTML, который позволяет создавать фрагменты кода, которые не отображаются на странице до тех пор, пока они не будут активированы с помощью JavaScript. Элемент <slot> используется в кастомных элементах для определения места, где можно вставить содержимое, переданное элементу. Эти элементы помогают разработчикам создавать более гибкие и переиспользуемые компоненты, которые могут динамически изменять свое содержимое в зависимости от контекста.

Question 3

Перечислите способы объявления функции и особенность каждого?

Accepted Answer

В JavaScript функции можно объявлять несколькими способами: через function declaration, function expression, стрелочные функции (arrow functions), и методы в объектах. Каждый из этих способов имеет свои особенности: function declaration подвержены "поднятию" (hoisting), function expression нет, а стрелочные функции не имеют своего контекста this.

Question 4

Что такое стрелочные функции и чем они отличаются от обычных функций?

Accepted Answer

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

Question 5

Что такое IIFE и когда применяется?

Accepted Answer

IIFE (Immediately Invoked Function Expression) — это функция, которая выполняется сразу после того, как была объявлена. Это достигается оборачиванием функции в скобки и последующим вызовом. IIFE часто используется для создания изолированной области видимости, чтобы избежать конфликтов переменных в глобальном пространстве имен.

Question 6

Какого типа данных функция?

Accepted Answer

В JavaScript функции являются объектами первого класса. Это значит, что функции можно передавать в качестве аргументов, возвращать из других функций и присваивать переменным. Тип данных функции — это объект, и у функций могут быть свойства и методы, такие как .call(), .apply() и .bind().

Question 7

Есть ли у стрелочной функции методы call, apply и bind?

Accepted Answer

Стрелочные функции могут использовать методы call, apply и bind, но эти методы не изменяют контекст this внутри стрелочной функции. В отличие от обычных функций, стрелочные функции наследуют значение this из своей внешней области видимости (лексический контекст), и методы call, apply и bind не могут его изменить.

Question 8

Что будет, если в функции изменить параметры, и что произойдет с ними?

Accepted Answer

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

Question 9

Можно ли функции назначить свойства name и length?

Accepted Answer

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

Question 10

Методы call, apply, bind — для чего они нужны?

Accepted Answer

Методы call и apply позволяют вызвать функцию с заданным значением this, но call передаёт аргументы через запятую, а apply — в виде массива. Метод bind возвращает новую функцию с фиксированным значением this, которая может быть вызвана позже. Эти методы полезны для контроля контекста выполнения функции, особенно при работе с методами объектов.

Вопросы React Frontend Developer