ECMAScript/ES6 void关键字

精华

小牛编辑

116浏览

2023-03-14

void关键字用作不返回任何值的函数的返回类型。它计算给定的表达式并返回undefined。 void是一个重要的JavaScript关键字，可以用作一元运算符，并且出现在任何类型的单个操作数之前。

它指定一个要求值的表达式，不返回任何值。 void运算符通常用于获取未定义的原始值。

语法

void expression

示例代码：

var x,y,z;    
x = void ( y = 50, z = 70 );  
console.log('x = ' + x + ' y = ' + y +' z = ' + z );

运行结果如下：

x = undefined y = 50 z = 70

1.立即调用函数表达式(IIFE)和void关键字

使用IIFE，可以将void用于强制将function关键字视为表达式而不是声明。

示例

void function hello() {   
   var msg = function ()   
   {console.log("Welcome back!!")};   
   msg();   
}();

运行结果如下：

Welcome back!!

2.JavaScript URI和void关键字

当浏览器遵循URI时，它将评估URI代码并将页面内容替换为返回的值，除非该值为：undefined。 JavaScript：URI在HTML页面中已广泛使用了语法。

void运算符可用于返回未定义的值。

示例

在以下示例中，我们定义了两个具有警报框的链接。在一个链接中使用void关键字。单击相应的链接后，它将评估JavaScript警报并将其传递给void()运算符。 void()运算符将返回未定义的值。因此，警报函数将不会显示在页面上。

当单击第二个链接时，它将显示一个警报对话框。

<html> 
<head>    
</head>   
<body>   
    <center>   
        <h1>Hello World</h1>   
        <h2>Welcome to XNTutor</h2>   
        <h2>Click the following links to see the changes</h2>   
        <a href = "javascript:void(javascript:alert('hello world!!'))">   
            什么也不做...
          </a>   
          <br/><br/>  
          <a href = "javascript:alert('Welcome to XNTutor');">单击此处发出警告框</a>  
    </center>   
</body>   

</html>

运行结果如下：