Почему метод bind() в JavaScript необходим?

Вопрос, который вы поднимаете, касается контекста this в JavaScript. Ваше аналогия очень наглядная и помогает понять, как работает привязка функций.

Когда вы определяете объект a с методом bar, этот метод, по сути, относится к объекту a, и в нем this ссылается на a. Однако, когда вы присваиваете a.bar переменной bound, вы фактически создаете ссылку на функцию bar без ее окружения. В результате, при вызове bound(), this становится глобальным объектом (или undefined в строгом режиме), что и приводит к получению "global foo".

Вот ваш пример:

var foo = "global foo"; // foo определен в глобальном контексте
var a = {
  foo: "object foo",
  bar: function() {
    return this.foo; // Здесь `this` ссылается на объект `a`
  }
};

var bound = a.bar; // Мы просто ссылаемся на функцию без контекста
console.log(bound()); // Вернет "global foo", а не "object foo"

Чтобы сохранить правильный контекст this, вы можете использовать метод bind, который создает новую функцию с заданным значением this. Например:

var boundWithContext = a.bar.bind(a);
console.log(boundWithContext()); // Теперь вернет "object foo"

Таким образом, использование bind, а также такие методы, как call или apply, позволяет контролировать контекст выполнения функции, что часто бывает необходимо при работе с колбэками или передаче функций в качестве аргументов.

bind — это механизм, который позволяет изменить контекст выполнения функции (в данном случае ваш текущий контекст по умолчанию — глобальный).

Основываясь на вашем примере:

var storeMyName = myName.getName;

В этой строке вы вызываете функцию storeMyName в глобальном контексте, поэтому в этом случае this.name будет ссылаться на верхний уровень (т.е. глобальный контекст / "John").

var storeMyName2 = myName.getName.bind(myName);

В этой строке вы явно изменяете контекст выполнения функции storeMyName2 (говоря, что не хотите выполнять эту функцию в глобальном контексте, а хотите использовать контекст объекта myName, так что в этом случае this.name будет равно "Tom").

var storeMyName3 = myName.getName(); // пример 3

А в этой строке вы просто вызываете функцию в контексте объекта myName, более того, вы не выполняете storeMyName3, и именно поэтому её контекст не является глобальным.