코드 질문

export default function debounce(fn, delay) {
  let timer = null;

  return function () {
    const context = this;
    const args = arguments;
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(context, args);
    }, delay);
  };
}

• 여기서 this 가 왜 undefined 일까요 ?
일반함수호출(function foo(){ } )안에서 this는 전역객체이고 그럼 window 아닌가요..?

export default function debounce(fn, delay) {
  let timer = null;

  return function () {
    const context = this; 
    console.log(this); // undefined
    const args = arguments;
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(context, args);
    }, delay);
  };
}

• 이렇게

export default function debounce(fn, delay) {
  let timer = null;

  return function () {
    const args = arguments;
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(null, args); //null 전달
    }, delay);
  };
}

• 클로저를 사용해서 timer를 사용해야하는 이유..