JS与void()

在实际编码过程中，我们经常会遇见JS：void(0)这样的代码。

在JavaScript中，void 是一个操作符，用于返回 undefined。

void 可以用于两种情况：

1.将表达式返回的值设置为 undefined：你可以使用 void 运算符来将任何表达式的返回值设置为 undefined。例如：

var result = void(10 + 5);
console.log(result); // 输出: undefined

在上述例子中，void(10 + 5) 返回了 undefined，并将其赋值给变量 result。

2.阻止链接的URL导航：在HTML中，可以使用 void 运算符作为链接的 href 属性值来阻止链接的URL导航。例如：

<ahref="javascript:void(0);"onclick="myFunction()">Click me www.dotcpp.com</a>

上述代码中，当点击链接时，void(0) 阻止了默认的URL导航行为。

需要注意的是，由于 void 运算符的一部分是 ()，所以它在函数调用或定义中也会出现。但这个用法与我们前面提到的 void 运算符不同。

href=“#”和href=“javascript：void（0）”区别
href="#" 和 href="javascript:void(0)" 是两种常见的用于链接的不同方式。

1.href="#"：这是一个常见的用于创建页面内部锚点链接的方式。当点击这样的链接时，会滚动到页面上的特定位置（通常是页面顶部）或执行设置了对应锚点标记的操作。例如：

<a href="#section1">Go to Section 1 www.dotcpp.com</a>
<h2 id="section1">Section 1 www.dotcpp.com </h2>

上述代码中，点击 "Go to Section 1 www.dotcpp.com " 链接会滚动到具有 id="section1" 的 <h2> 元素处。

在这种情况下，href="#" 只是简单地将链接指向页面的当前URL，并使用一个空的锚点标记。它不会触发任何JavaScript代码的执行。

2.href="javascript:void(0)"：这种方式是使用 JavaScript 来阻止链接的默认行为并返回 undefined 值。例如，可以在 onclick 事件中使用这种方式来执行自定义的 JavaScript 代码，而不进行页面导航。例如：

<ahref="javascript:void(0);" onclick="myFunction()">Click me www.dotcpp.com </a>
<script>
  function myFunction() {
    // 执行自定义的 JavaScript 代码
  }
</script>

在上述代码中，点击 "Click me www.dotcpp.com " 链接会触发 myFunction() 函数的执行。

使用 javascript:void(0) 的方式通常用于在链接上执行复杂的JavaScript操作或阻止默认导航行为，而不会改变当前页面的URL。

总结一下，href="#" 用于创建页面内部的锚点链接，而 href="javascript:void(0)" 用于执行自定义的 JavaScript 代码或阻止链接的默认导航行为。两种方式在实际应用中有不同的用途。

void 在 JavaScript 中是一个操作符，用于将表达式的返回值设置为 undefined 或阻止链接的URL导航，void()仅仅是代表不返回任何值，但是括号内的表达式还是要运行。