tgoop.com/frontend_school/855
Create:
Last Update:
Last Update:
Метод bind() в JavaScript
Простыми словами, bind
— это инструмент, который позволяет «привязать» определённый контекст (this
) к функции.
Давайте разберёмся на примере. Представьте, что у вас есть объект user
:
const user = {
name: 'Аня',
greet() {
console.log(`Привет, меня зовут ${this.name}`);
}
};
Если мы вызовем
user.greet()
, то увидим: «Привет, меня зовут Аня». Всё работает, потому что контекст (this
) указывает на объект user
.Но что, если мы захотим передать эту функцию в другое место? Например:
const greetFunc = user.greet;
greetFunc(); // Что произойдет?
В этом случае контекст потеряется, и
this
будет указывать не на user
, а на глобальный объект (или undefined
в строгом режиме). Метод bind
поможет нам решить эту проблему:const greetFuncBound = user.greet.bind(user);
greetFuncBound(); // Привет, меня зовут Аня
Теперь функция
greetFuncBound
всегда будет знать, что её контекст — это объект user
.#урок #javascript
BY Frontend.school() | изучаем HTML, CSS, JavaScript вместе!

Share with your friend now:
tgoop.com/frontend_school/855