Метод 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);
bind()
это не колбэк функция, а метод, возвращающий новую фукнцию. Первый параметр - контекст вызова, а не передаваемый аргумент. Читаем про bind, и про ошибку Cannot read property on undefined