Почему теряется контекст?

Question

[Kaizaki]

Всем привет. Скажите пожалуйста, почему здесь теряется контекст? Никак не могу догнать как это происходит внутри JS. Я понимаю, что мы передаем ссылку на функцию в foo(), но почему при вызове f() ( то-есть, obj.method() ),внутри foo(), this все равно не указывает на объект

let obj = {
    name: 'kek',
    method: function () {
        console.log(this);
    }
}

function foo(f) {
    f();
}

foo(obj.method);

Comments

[Kovalsky]

Потому что при вызове obj.method() вы вызываете этот метод в контексте obj, а при вызове foo(obj.method) вы в функцию foo просто передаёте ссылку на функцию method объекта obj.

[Сергей delphinpro]

вы вызываете метод в контексте foo()
this внутри function declaration указывает на window
в консоли должно быть window

[Сергей delphinpro]

Сергей, еще раз: вы передали ссылку на метод, не объект. метод вызываете в другом контексте. ожидаемо, this не будет указывать на объект, к которому этот метод принадлежит

[Kaizaki]

Спасибо всем

Answer 1

[Павел Корнилов]

let obj = {
    name: 'kek',
    method: function () {
        console.log(this);
    }
}

function foo(f) {
    f();
}

foo(obj.method.bind(obj));

or

let obj = {
    name: 'kek',
    method: function () {
        console.log(this);
    }
}

function foo(f) {
    f.call(obj);
}

foo(obj.method);