void 연산자

Park, Jinyong·2020년 4월 6일
0

Small, but Valuable.

목록 보기
2/19

출처: void - MDN Document

statement

void 연산자는 주어진 expression을 평가하고 undefined를 반환한다.

void expression

void 2 // undefined
void 2 === 2 // void 2: undefined, undefined === 2: false
void (2 === 2) // 2 === 2: true, void true: undefined

IIFE

void function iife(param) {
  console.log(param);
}(arg)

void ((param) => {
  console.log(param);
})(arg)

void 연산자를 사용하면 IIFE를 사용할 때 function 키워드를 선언문이 아니라 표현식처럼 간주할 수 있다.

javascript:void(0)

HTML에서 a 태그를 사용할 때 hrefjavascript:void(0)로 지정해서 클릭해도 아무 일이 일어나지 않도록 만들 수 있다.

<a href="javascript:void(0);">
  클릭해도 아무런 일이 발생하지 않는다.
</a>

하지만 JavaScript에서는 이벤트 처리기를 통해 이러한 결과를 얻어내는 것이 더 권장된다.

0개의 댓글