JavaScript中的void是一个一元运算符，主要作用是将任何表达式强制转换为undefined类型，最经典的用法是javascript:void(0)，常用于超链接中，以阻止页面跳转或刷新，从而保持当前页面状态，它也常用于获取undefined值。
JS代码中的 void(0)：不仅仅是返回 undefined
在 JavaScript 的世界里，void 是一个既熟悉又神秘的操作符，对于许多前端开发者而言，它最著名的“出镜”场景莫过于 HTML 标签中的 javascript:void(0)，虽然我们可能每天都在使用它，但对于它背后的执行机制、为什么需要它，以及在现代开发中是否还有必要使用它，很多人可能只是“知其然而不知其所以然”。
本文将深入探讨 JavaScript 中 void 操作符的本质、它的经典历史用法，以及在现代 Web 开发中的最佳实践。
什么是 void 操作符？
void 是一个一元操作符，它作用于一个或多个表达式，并永远返回 undefined。
它的语法非常简单且灵活：
void expression; // 或者 void (expression);
核心逻辑解析：
- 计算表达式：
void会先计算它后面的表达式。 - 忽略结果：无论表达式计算出什么值（无论是数字、字符串、对象还是布尔值），
void都会强制将其转换为undefined并返回。关键在于，它“吃掉”了原本的结果。
实战示例：
console.log(void 10); // 输出: undefined
console.log(void "Hello"); // 输出: undefined
console.log(void [1,2,3]); // 输出: undefined
console.log(void function(){ return "I am a function"; }());
// 输出: undefined，同时函数内部的逻辑被执行了
经典用法：javascript:void(0) 的前世今生
在网页开发的历史长河中，void(0) 出现频率最高、最令人印象深刻的场景，就是在 HTML 的 <a> 标签的 href 属性中。
场景重现： 假设我们有一个链接，点击它时我们希望执行一段 JavaScript 代码（比如弹出一个提示框，或者通过 AJAX 更新页面数据），但我们不希望页面发生跳转（刷新或导航到新 URL）。
错误的写法：
<!-- 这种写法会刷新页面，因为 href 只是 'javascript:alert(1)' 字符串 -->
<!-- 浏览器会将返回的字符串 '1' 视为新的 URL -->
<a href="javascript:alert('点击我！')">点击我</a>
正确的写法（使用 void）：
<!-- 这种写法只会执行 alert，页面不刷新 --> <a href="javascript:void(0)" onclick
