详解javascript void(0)

标题:详解javascript void(0)

简介

void(0) 是一个JavaScript语言中的操作符,这个方式可以用来执行一段代码却不返回任何值。通常使用 void(0) 可以防止页面被重定向,即不会跳转到新的页面。

使用方法

常见的使用场景:

  1. 在 href 属性中使用 void(0):
<a href="javascript:void(0);">点我不跳转</a>

这个用法可以在点击链接时不跳转其他页面,但是可以在代码中添加其他的 JavaScript 代码来进行其他操作。

  1. 声明一个立即执行的匿名函数:
void function() {
  console.log('这是一个立即执行的匿名函数');
}();

这个用法可以直接在全局作用域中执行一个函数,不需要给这个函数定义名称。

原理

void 是 JavaScript 中的一个操作符,用来返回一个 undefined 。
当使用 void 操作符时,其后的括号中可以加任意的 JavaScript 代码,但是运行这段代码时并不会返回任何值,而是返回一个 undefined,从而避免了不必要的跳转或者执行问题。

总结

void(0) 可以用来执行代码却不返回任何值,通常使用在防止页面被重定向的情况下。另外,我们也可以通过在 void 后面加上立即执行的匿名函数的方式在全局作用域中执行代码。

示例

下面是一个例子,当我们点击按钮时,将当前的时间打印到页面上:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>使用 void(0)</title>
</head>
<body>

  <button onclick="void function() {
        var now = new Date();
        document.write(now.toLocaleString());
      }()">显示当前时间</button>

</body>
</html>

在上面的代码中,我们通过 void 后面的立即执行的匿名函数在全局作用域中执行代码,从而实现了在点击按钮时显示当前时间的功能。

营销型网站