bind(), call(), and apply()

Why will this code fail to display the name correctly?

const person = {
  name: 'John',
  greet: function() {
    console.log(`Hello, ${this.name}!`);
  }
};

const greetFunction = person.greet;
greetFunction();

The function is defined incorrectly
The name property is private
The this context is lost when the method is assigned to a variable
This code fails because: 1) Method loses its this context when assigned to a variable, 2) When called as a standalone function, this becomes undefined or window, 3) The function reference doesn't maintain its original context, 4) This is a common issue when passing methods as callbacks, 5) Can be fixed using bind() to preserve context, 6) Demonstrates why understanding this binding is crucial in JavaScript.
The console.log syntax is wrong

Next Question (2/20)