자바스크립트 void 연산자란?
void는 자바스크립트에서 중요한 키워드로, 단항 연산자(unary operator)로 사용됩니다. void 연산자는 하나의 피연산자 앞에 위치하며, 피연산자는 어떤 데이터 타입이든 가능합니다. 이 연산자는 뒤따르는 표현식을 평가하도록 지정하지만, 그 결과로 어떠한 값도 반환하지 않고 항상 undefined를 반환합니다.
void 연산자의 문법
void 연산자는 아래 두 가지 형태 중 하나로 작성할 수 있습니다.
void func() javascript:void func() // 또는 괄호를 사용한 형태 void(func()) javascript:void(func())
void 연산자의 주요 용도
이 연산자가 가장 많이 사용되는 곳은 클라이언트 측 javascript: URL입니다. 브라우저가 평가된 표현식의 값을 화면에 표시하지 않고, 오직 부수 효과(side effect)를 위해서만 표현식을 실행할 수 있게 해줍니다.
예를 들어 아래 코드에서 alert('Warning!!!') 표현식은 실행되어 경고창을 띄우지만, 그 평가 결과가 현재 문서에 로드되거나 표시되지는 않습니다.
예제
<html>
<head>
<script>
<!--
//-->
</script>
</head>
<body>
<p>아래 링크를 클릭해 보세요. 아무런 반응이 없습니다...</p>
<a href = "javascript:void(alert('Warning!!!'))">클릭하세요!</a>
</body>
</html>
추가로 알아두면 좋은 점
실무에서는 javascript:void(0) 형태가 특히 자주 사용됩니다. 링크(<a> 태그)를 클릭해도 페이지가 이동하거나 새로고침되지 않도록 기본 동작을 막고 싶을 때 유용합니다. 다만 최신 개발 방식에서는 이벤트 리스너와 preventDefault()를 사용하는 것이 더 권장됩니다.