Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про JavaScript: методы, функция

Что такое чейнинг функций (chaining) в JavaScript? Приведите пример реализации.

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

Короткий ответ

Чейнинг функций — это техника, позволяющая вызывать несколько методов последовательно в одном выражении. Это достигается тем, что каждый метод возвращает сам объект, на котором он вызывается. Примером может быть вызов методов массивов, таких как map(), filter() и reduce(), или построение объектов через последовательные вызовы методов.

Длинный ответ

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

Пример:

class Calculator {
	constructor(value = 0) {  
		this.value = value;  
	}  
	add(num) {
		this.value += num;    
		return this; // возвращаем объект для чейнинга  
	}  
	subtract(num) {  
		this.value -= num;    
		return this; // возвращаем объект для чейнинга  
	}  
	multiply(num) {  
		this.value *= num;    
		return this;  
	}  
	getResult() {
		return this.value;  
	} 
} 
const calc = new Calculator(); 
const result = calc.add(5).subtract(2).multiply(3).getResult(); // чейнинг методов 
console.log(result); // 9

Как это работает:

  • В примере выше каждый метод (add, subtract, multiply) возвращает текущий объект (this), что позволяет вызывать следующие методы цепочкой.

  • Такой подход делает код более компактным и легко читаемым.

Чейнинг функций на практике:

Работа с массивами: Методы массивов, такие как map(), filter(), и reduce(), часто используются вместе благодаря чейнингу:

const result = [1, 2, 3, 4]  
	.map(num => num * 2)  
	.filter(num => num > 4)  
	.reduce((sum, num) => sum + num, 0); 
console.log(result); // 14

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

Уровень

  • Рейтинг:

    2

  • Сложность:

    6

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#методы

#функция

Подпишись на React Developer в телеграм