Actually, you could use anonymous functions to replace the named functions and render the correct results.

Question

const clockSection = document.getElementById("clock");

function getTime() {
  function pad(number) {
    if (number < 10) {
      return "0" + number;
    } else {
      return number;
    }
  }

  const now = new Date();

  const hh = pad(now.getHours());
  const mm = pad(now.getMinutes());
  const ss = pad(now.getSeconds());

  return `${hh}:${mm}:${ss}`;
}

function tickClock() {
  clockSection.textContent = getTime();
}

() =>  clockSection.textContent = getTime()

setInterval(() =>  clockSection.textContent = getTime(), 0);

setInterval(() =>  clockSection.textContent = getTime(), 1000);

Answer 1 · 2017-07-29T16:38:43Z

July 29, 2017 4:38pm

True, but remember creating the same anonymous function more than once takes up the additional memory for each instance, but references to one named function share the same memory.

One good criteria for choosing an anonymous function for a callback is when you are sure it will not be used anywhere else.

Welcome to the Treehouse Community

Looking to learn something new?

Circe Vixenia

Circe Vixenia

Actually, you could use anonymous functions to replace the named functions and render the correct results.

1 Answer

Steven Parker

Steven Parker