La palabra clave void en JavaScript ES6 se usa para evaluar una expresión y no devuelve ningún valor. Es un operador unario y toma un solo operando. Comúnmente lo usamos en hipervínculos. A veces, es posible que necesitemos llamar a algún JavaScript desde un enlace. Cuando hacemos clic en un enlace, el navegador carga una nueva página o actualiza la misma página. Pero no queremos que eso suceda si se adjunta JavaScript a ese enlace y el operador void es útil cuando tenemos que llamar a otra función, lo que podría resultar en una actualización de la página.
Sintaxis:
void (expression) void expression
Los siguientes ejemplos ilustran la palabra clave void en ES6 JavaScript:
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<title>ES6 void keyword Example</title>
<style>
body{
text-align: center;
}
h1 { color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<b>A Computer Science Portal for Geeks</b>
<br><br>
<a href="javascript:void(func());">
Click me to activate alert
</a>
<br><br>
<a href=
"javascript:void(document.body.style.backgroundColor='#F08080');">
Click me to change the background
</a>
<script>
var func = function() {
alert("HI!!!");
};
</script>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<title>ES6 void keyword Example</title>
<style>
body{
text-align: center;
}
h1 { color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<b>A Computer Science Portal for Geeks</b>
<br><br>
<a href =
"javascript:void(javascript:alert('A Computer Science Portal'))">
Click here for no alert
</a>
<br><br>
<a href =
"javascript:alert('GeeksforGeeks');">
Click here for an alert
</a>
</body>
</html>
Producción:
