-
참조에 의한 복사
- 데이터의 무결성(불변성)
- garbage collection? garbage collector가 작동 안 해 메모리 누수
-
이벤트 버블링을 막기 위해 event.stopPropagation() 메서드를 사용합니다. 이 메서드를 호출하면 특정 이벤트가 부모 요소로 전파되지 않도록 차단할 수 있습니다.
element.addEventListener('click', (event) => {
event.stopPropagation(); // 부모로의 전파 차단
// 클릭 이벤트 핸들링 로직
});-
호스트 객체는 JavaScript의 내장 객체인 Object, Array, Function과 같은 네이티브 객체와 달리, 브라우저나 Node.js와 같은 실행 환경에서 제공하는 객체입니다. event 객체는 브라우저 환경에서 발생하는 DOM 이벤트를 나타내며, DOM API의 일부분으로 호스트 객체에 해당합니다.
❓딥다이브 빌트인 객체 확인 -
null 병합 연산자
(default값을 지정할 때도 사용)
nullish 병합 연산자(??)는 왼쪽 값이 null이나 undefined일 때만 오른쪽 값을 반환합니다. 이를 통해 null이나 undefined인 경우에만 기본값을 설정할 수 있습니다. 예를 들어, let result = value ?? 'default';는 value가 null 또는 undefined일 때만 'default'를 반환합니다.예: const result = value ?? "default"; 여기서 value가 null이나 undefined가 아니면 value의 값을, 그렇지 않으면 "default"를 result에 할당합니다.
-
optional chaining (.?)
undefined를 뱉는다예: const name = person?.name; 여기서 person 객체가 null이나 undefined이면, name은 undefined가 됩니다. 그리고 person이 존재하면 person.name의 값을 반환합니다.
-
this는 현재 실행 중인 context의 객체를 가리킴
- 브라우저의 전역(global) : window
- 노드의 전역(global) : global
