美文网首页
JavaScript void 运算符

JavaScript void 运算符

作者: AC编程 | 来源:发表于2018-10-22 17:08 被阅读4次

void运算符的作用是执行一个表达式,然后不返回任何值,或者说返回undefined。

void 0 // undefined
void(0) // undefined

上面是void运算符的两种写法,都正确。建议采用后一种形式,即总是使用圆括号。因为void运算符的优先性很高,如果不使用括号,容易造成错误的结果。比如,void 4 + 7实际上等同于(void 4) + 7。下面是void运算符的一个例子。

var x = 3;
void (x = 5) //undefined
x // 5

这个运算符的主要用途是浏览器的书签工具(bookmarklet),以及在超级链接中插入代码防止网页跳转。请看下面的代码。

<script>
function f() {
  console.log('Hello World');
}
</script>
<a href="http://example.com" onclick="f(); return false;">点击</a>

上面代码中,点击链接后,会先执行onclick的代码,由于onclick返回false,所以浏览器不会跳转到 example.com。void运算符可以取代上面的写法。

<a href="javascript: void(f())">文字</a>

下面是一个更实际的例子,用户点击链接提交表单,但是不产生页面跳转。

<a href="javascript: void(document.form.submit())">
  提交
</a>

相关文章

  • JavaScript void 运算符

    void运算符的作用是执行一个表达式,然后不返回任何值,或者说返回undefined。 上面是void运算符的两种...

  • javascript:void(0)

    javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常...

  • javascript:void(0) 含义

    javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常...

  • 超链接标签href属性小知识

    为什么要使用href=”javascript:void(0);” href=”javascript:void(0)...

  • Javascript运算符

    JavaScript 运算符 JavaScript 运算符用于赋值,比较值,执行算术运算等。 JavaScript...

  • javascript:void(0)的含义

    javascript:void(0)中最关键的是void关键字,void是javaScript中非常重要的关键字,...

  • 详解javascript: void(0);

    原文 博客原文 什么是javascript: void(0); 我们经常会使用到 javascript:void(...

  • javaScript运算符

    javaScript算术运算符 javaScript赋值运算符 用于字符串的 + 运算符 + 运算符用于把文本值或...

  • 无标题文章

    javascript:void(null)

  • void运算符

    这个运算符能向期望一个表达式的值是undefined的地方插入会产生副作用的表达式。总是返回 undefined(...

网友评论

      本文标题:JavaScript void 运算符

      本文链接:https://www.haomeiwen.com/subject/zoigzftx.html