0731

JS

이벤트 위임

• event bubbling을 활용하여 부모 요소에 이벤트 리스너를 추가하고 자식에는 위임하는 방법
  • 뭐가 좋음?
    • 메모리 효율성, dom 조작시 이벤트 리스너를 다시 연결할 필요 X

IIFE(Immediately Invoked Function Expression)

• immediately: 즉시 invoked: 호출되는 function expression: 함수 표현식
• 그 전에 알 것
  • 함수 표현식과 선언식의 차이
    • 함수 표현식은 const a = function(){} 의 형태로 const a라는 변수에 함수가 할당. 선언식은 그냥 바로 function a(){}의 형태로 바로 declar 된 것
    • 더 자세히
  • 클로저
    • 외부 함수의 실행이 끝난 후에도 내부 함수가 외부함수의 스코프에 접근할 수 있는 현상
• 그래서 어디에 쓰이는데?
  • 전역 스코프의 오염을 방지하기 위해서 => 모듈이 없을 때 iife 방식으로 라이브러리나 모듈을 만들어서 사용하곤 했음
  • 전역 스코프 오염이 왜 일어나는데? => 클로저 때문에

native object VS host object

• native object
  • 자바스크립트 엔진 자체에 내장되어 있는 객체
• host object
  • 자바스크립트가 실행되는 환경(host environment)에서 제공하는 객체