---
title: Методы функций
seo:
title: Методы функций — React Developer
description: Тема «Методы функций» для собеседования React Developer. Для чего используется метод Function.prototype.apply? Для чего используется метод Function.prototype.call?
---
[Все темы React Developer](/react-developer)
## Для чего используется метод Function.prototype.apply? [#q-14bee738d69b814ea27fce3ee87b40fc]
apply — это метод, используемый для вызова функции с заданным
значением this и аргументами, переданными в виде массива.
#### Основные характеристики:
{/* prettier-ignore */}
1. Задание контекста this:
- Позволяет определить, каким объектом будет this внутри вызываемой функции.
- Пример:
```javascript
function greet() {
console.log(this.name);
}
const obj = { name: "Alice" };
greet.apply(obj); // "Alice"
```
1. Передача аргументов в виде массива:
- Позволяет передать аргументы функции в виде массива или массиваоподобного объекта.
- Пример:
```javascript
function sum(a, b) {
return a + b;
}
const args = [2, 3];
console.log(sum.apply(null, args)); // 5
```
Метод apply используется для вызова функции с заданным значением this и аргументами, переданными в виде массива, что обеспечивает гибкость в управлении контекстом и передачей параметров.
:::note[Ссылки для изучения]
1. [Явное указание в JavaScript](https://learn.javascript.ru/call-apply)
:::
---
## Для чего используется метод Function.prototype.call? [#q-14bee738d69b81d4bfa1c9f409fed5b9]
call — это метод, используемый для вызова функции с заданным
значением this и аргументами, переданными по отдельности.
#### Основные характеристики:
{/* prettier-ignore */}
1. Задание контекста this:
- Позволяет определить, каким объектом будет this внутри вызываемой функции.
- Пример:
```javascript
function greet() {
console.log(this.name);
}
const obj = { name: "Alice" };
greet.call(obj); // "Alice"
```
1. Передача аргументов по отдельности:
- Позволяет передать аргументы функции через запятую.
- Пример:
```javascript
function sum(a, b) {
return a + b;
}
console.log(sum.call(null, 2, 3)); // 5
```
Метод call используется для вызова функции с заданным значением this и аргументами, переданными по отдельности, обеспечивая гибкость в управлении контекстом и передачей параметров.
:::note[Ссылки для изучения]
1. [Явное указание в JavaScript](https://learn.javascript.ru/call-apply)
:::
---
## В чем разница между методами call и apply? [#q-14bee738d69b81c7ae78f7535bbef30b]
Разница между методами call и apply:
{/* prettier-ignore */}
1. Передача аргументов:
- call: Аргументы передаются по отдельности.
```javascript
function sum(a, b) {
return a + b;
}
console.log(sum.call(null, 2, 3)); // 5
```
- apply: Аргументы передаются в виде массива.
```javascript
function sum(a, b) {
return a + b;
}
console.log(sum.apply(null, [2, 3])); // 5
```
1. Синтаксис:
- call: func.call(thisArg, arg1, arg2, ...)
- apply: func.apply(thisArg, argsArray)
:::note[Ссылки для изучения]
1. [Явное указание в JavaScript](https://learn.javascript.ru/call-apply)
:::
---
## Для чего используется метод Function.prototype.bind? [#q-14bee738d69b810b94d1f4c75bb8500c]
bind — это метод, который создаёт новую функцию с установленным
значением this и, возможно, с частично переданными аргументами.
#### Основные характеристики:
{/* prettier-ignore */}
1. Задание контекста this:
- Позволяет задать контекст this, который будет использоваться при вызове новой функции.
- Пример:
```javascript
function greet() {
console.log(this.name);
}
const obj = { name: "Alice" };
const boundGreet = greet.bind(obj);
boundGreet(); // "Alice"
```
1. Частичное применение аргументов:
- Можно передать часть аргументов функции, которые будут зафиксированы при создании новой функции.
- Пример:
```javascript
function sum(a, b) {
return a + b;
}
const addFive = sum.bind(null, 5);
console.log(addFive(3)); // 8
```
Метод bind используется для создания новой функции с фиксированным значением this и/или частично переданными аргументами, обеспечивая гибкость в управлении контекстом и аргументами функции.
:::note[Ссылки для изучения]
1. [Явное указание в JavaScript](https://learn.javascript.ru/call-apply)
:::