21xrx.com
2024-09-17 04:47:32 Tuesday
登录
文章检索 我的文章 写文章
浏览器开发技巧:了解 void(0) 的运用
2023-06-10 16:13:54 深夜i     --     --
浏览器 JavaScript void

我喜欢在浏览器中运行一些小的 JavaScript 片段,特别是在调试时。有一个很常见的 JavaScript 片段是 `void(0)`,它经常用于取消链接默认行为。

如果你想要运行这个简单的 JavaScript 片段,你可以在地址栏输入 `javascript:void(0)`,这将会使页面什么都不做。更普遍的是,你可以在 HTML 中的一个链接上使用这个,比如下面的例子:


Click here

在这种情况下,点击链接将不会有任何反应,因为 `void(0)` 阻止了链接所带来的默认行为。

但是,如果你在浏览器中打开开发者工具,你会发现输入 `void(0)` 会返回 `undefined`。这是因为 `void` 运算符可以将任何表达式的结果变成 `undefined`。比如:


console.log(void(0)); // 输出 undefined

console.log(void(2 + 2)); // 输出 undefined

实际上,在很多 JavaScript 程序中,`void` 运算符并不常用。但是在浏览器开发中,它是一个非常有用的工具,可以帮助我们取消默认行为,或者将一个表达式结果变成 `undefined`。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复