Зачем анонимная функция и в чем смысл записи onReady = newOnReady;?

Question

[olya_097]

Код next.plnkr.co/edit/xa9hX2Dz2EmCRvPU

1) В чем смысл записи onReady = newOnReady; на 35 строке и зачем вообще setOnReady на 34

2) Зачем анонимная функция на 39 строке? Разве обычная не подойдет?

Answer 1

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

1. Вы можете назначить свою функцию на идентификатор onReady передав ее аргументом в вызов setOnReady. В 51-ой строке как раз такое переназначение и происходит.
2.

setTimeout(function() {
  onReady();
}, getTimeToBoil());

Можно упростить до:
setTimeout(onReady, getTimeToBoil());

Статья с пояснениями по этому коду.

Comments

[olya_097]

спасибо
но извиняюсь, не совсем понятно

this.setOnReady = function(newOnReady) {
        onReady = newOnReady;
      };

1) Для чего мы тут передаем параметр и записываем в переменную? В чем улучшение?

2) И почему бы не написать onReady = оnReady; ?

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

olya_097, вам бы для начала основы JavaScript подтянуть, а уже потом за ООП браться.
1. setOnReady это функция интерфейса для изменения колбека onReady. На 51-ой строке пример ее использования. Закоментьте эту строку и вы увидите, что будет вызываться дефолтная функция, которая определена на строках 30-32.
2. переменная onReady определена во внешней для функции области видимости, если назвать аргумент onReady, то вы не сможете использовать идентификатор onReady для работы с переменной из внешней области видимости. Пример:

var x = 1;

function setX(newX) {
  x = newX;
}

setX(2);

console.log(x); // 2

var x = 1;

function setX(x) {
  x = x;
}

setX(2);

console.log(x); // 1

[olya_097]

Антон Спирин, Огромное спасибо! Очень хорошо объясняете!