Переопределение функции после выполнения?

Question

[dmitriyivvvv]

Добрый день! Возник такой вопрос почему таким образом можно переопределить функцию после ее первого вызова:

function foo() {
  console.log('Hello!');
  foo = function () {
    console.log('Bye!');
  };
} 
foo()// Первый вызов 'Hello!', все последующие 'Bye!'

Но если на функцию ссылается объект например:

function foo() {
  console.log('Hello!');
  foo = function () {
    console.log('Bye!');
  };
}
var obj = {
  foo: foo
}
obj.foo();

То переопределения функции не происходит, почему так получается?

Answer 1

[0xD34F]

Но если на функцию ссылается объект...

Ну так это совсем другая ссылка, не та, что вы используете при переопределении.

Указывайте контекст при переопределении, т.е., замените

foo = function () {

на

this.foo = function () {

Answer 2

[Антон Спирин]

Плохое решение. В вашем случае, в объекте лучше хранить состояние или флаг.

var obj = {
  foo() {
    const message = this.isFooCalled ? 'Bye!' : 'Hello!';

    console.log(message);

    if (!this.isFooCalled) {
      this.isFooCalled = true;
    }
  }
}

obj.foo();

Приложения, которые изменяют себя в рантайме вместо того чтобы хранить и использовать состояние, очень плохо дебажатся и поддерживаются.

Comments

[dmitriyivvvv]

Да это и не решение вовсе, просто задался таким вопросом, спасибо товарищу 0xD34F за решение

[Александр Вульф]

Ну ты чего. Надо же условие под вызов console.log вставлять) Иначе всегда будет Bye.

[Антон Спирин]

Александр Вульф, тупанул. Спасибо)

Answer 3

[meltmestnt]

Во втором случае методу foo объекта obj присваивается

function () {
  console.log('Hello!');
  foo = function () {
    console.log('Bye!');
  };
}

. При вызове метода foo у объекта obj выполняетя console.log("Hello"), затем сама функция foo ( Не метод объекта! ) меняется на

function () {
    console.log('Bye!');
  };