0
person1 = {
  name: 'pavel',
  age: 16
}

function plusAge(person){
  console.log('foo')
  return person.age += 1
}

plusAge(person1)

При запуске этого кода все работает без пререканий.

Но если стартануть его с колбэк функцией при помощи bind,:

person1 = {
  name: 'pavel',
  age: 16
}

function plusAge(person){
  console.log('foo')
  return person.age += 1
}

setTimeout(plusAge.bind(person1), 1000)

...то выдает вот такую ошибку:

ошибка

Подскажите, пожалуйста, в чем причина?

4
  • bind() это не колбэк функция, а метод, возвращающий новую фукнцию. Первый параметр - контекст вызова, а не передаваемый аргумент. Читаем про bind, и про ошибку Cannot read property on undefined
    – SwaD
    18 сен в 14:23
  • @SwaD не могли бы вы, пожалуйста, немного поподробнее объяснить, как этот метод работает? Просто я скорее новичок в js
    – XenNon
    18 сен в 14:27
  • Зачем он вам, этот метод? Какое поведение вы ожидаете или что изучаете?
    – SwaD
    18 сен в 14:29
  • @SwaD изучаю callback функции в JS, ищу способ передавать аргумент в функцию, являющуюся аргументом другой функции. (Извиняюсь, если тупо объясняю, самому слух режет)
    – XenNon
    18 сен в 14:34

1 ответ 1

1

Метод bind() возвращает новую функцию, в которой зафиксирован контекст выполнения, а так же аргументы фукнции, если они были переданы.

function simpleFunction(arg1, arg2) {
  console.log('this', this);
  console.log('args', arg1, arg2);
}

const myThis = {
  variable: 'I`m'
}
// Исходная фукнция
simpleFunction('1', '2');

// Зафиксировали контекст
const funcThis = simpleFunction.bind(myThis);
funcThis('2', '3'); // Передаем только аргументы

// Зафиксировали контекст и первый аргумент
const funcOne = simpleFunction.bind(myThis, '4');
funcOne('5'); // Передаем только 2й агрумент

// Зафиксировали контекст и 2 аргумента
const funcTwo = simpleFunction.bind(myThis, '6', '7');
funcTwo(); // Ничего не передаем, все зафиксировано

P.S. Первый вывод this очень длинный, т.к. это будет объект window

Теперь, обладая знаниями метода bind(), можно поправить ваш код:

const person1 = {
  name: 'pavel',
  age: 16
}

function plusAge(person){
  console.log(person.age += 1);
}
// Первый аргумент в bind не передаем, т.к. он не нужен функции
setTimeout(plusAge.bind(null, person1), 1000);

Другой пример:
Вызываем фукнцию plusAndCall, в которую передаем колбэк фукнцию displayAge и объект.
После выполнения нужных нам расчетов в фукнции plusAndCall, будет вызвана колбэк-фукнция displayAge, в которую, в качестве аргумента будет передан посчитанный age:

const person1 = {
  name: 'pavel',
  age: 16
}

function plusAndCall(callBackFunction, object) {
  object.age += 1;
  callBackFunction(object.age);
}

function displayAge(age) {
  console.log(`Age is ${age}`);
}

plusAndCall(displayAge, person1);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.