什么是 void 以及何时在 JavaScript 中使用 void 类型？

在本文中，我们将了解 Javascript 中的 void运算符，以及讨论可以使用 void运算符的特定条件并通过示例了解它们的实现。

JavaScript 中的void 关键字用于计算不返回任何值的表达式。 void运算符运算符是接受单个操作数的一元运算符，该操作数可以是任何类型。当我们只需要评估一个表达式而不是返回它的值时， void 关键字的重要性就会发挥作用。这意味着，通过使用它，我们可以防止浏览器显示表达式的执行结果。

语法：

void expression
void(expression)

void运算符具有运算符优先级，即，在解析包含多个运算符在其中执行操作的语句时，运算符将具有优先级。在这里，我们使用括号来表达表达式的目的，根据它的优先级。

例如，考虑以下示例：

void (10 == '10') // undefined
void 10 == '10' // false

对于第一种情况，当数字与字符串比较时，在括号内使用 void 关键字，它返回 undefined 而在第二种情况下，当表达式直接使用 void 关键字计算时，它返回 false。

示例：此示例描述了返回的未定义值。

HTML

       function foo() {
           return void 0;
       }
       console.log(foo());

输出：

undefined

void 0可以用作一个占位符 URL，它表示一个 onclick 事件被绑定到链接以执行实际操作。虚无0 也常用于代码缩减，因为它是一种写 undefined 的方式。

有 3 个实例可以使用 void运算符：

活动 Javascript URL： javascript:被称为伪 URL，当我们在锚标记中将其作为“href”值提供时，浏览器会计算“:”符号后面的表达式。另一方面，“:”后面的表达式通常用作引用路径。

void运算符最常用于管理javascript: URL (s)，因为它允许浏览器显示表达式计算的最终结果，而不是客户端计算表达式的返回值。

示例：在此示例中，链接将背景颜色更改为绿色，而不向浏览器返回任何值。

HTML

  

    

  

    
        Click here to change the background color.
     

  

输出：

非活动 Javascript URL：在某些情况下，链接不需要在任何地方导航或执行任何操作。为了实现它，我们将伪 URL ( javascript:)与void( 0 )组合为 href 的值，它告诉浏览器在单击该链接时返回/不执行任何操作。

示例：此示例说明生成非活动 Javascript URL。

HTML

  

      

    

    
        Syntax to make Inactive Javascript URLs:
        Click here to do nothing.
    
 

  

输出：链接将被浏览器识别，但链接根本没有反应。当 0 作为参数传递给 void 时，它什么也不做或什么也不返回。此处的“单击此处，什么也不做”链接根本不做任何事情，如输出所示。

箭头函数的抑制：箭头函数提供了一种无括号语法来返回表达式的值。为了确保函数表达式的返回值（当它没有用时）不会以任何方式影响代码，可以将它传递给 void运算符。

示例：此示例解释了表达式的返回值。

HTML

  

    Returning the value of an expression

  

    Here we see how we can return undefined value on purpose:
      
    
        function someOtherFunction(num) {
            return num + 1
        }
        const toReturnUndefined = () => void someOtherFunction(1);
        console.log(toReturnUndefined());
    

  

输出：

有意返回未定义的值：我们可以将任何变量的值转换为未定义的类型。

HTML

  

    Returning Undefined Value on Purpose

  

    Click the following to Return the Undefined Value:
    
      
    
        function genUValue() {
            var g, f, h;
            g = void(f = 13, h = 19);
            document.write('g = ' + g);
        }
    

  

输出：

立即调用函数表达式：立即调用函数表达式 (IIFE) 是一种 Javascript函数，一旦定义就会立即执行。它们非常有用，因为它们不会很容易地影响全局对象和远程变量声明。我们可以使用void运算符来创建 IIFE。它将强制将函数视为表达式而不是声明。

例子：

HTML

  

    Creating a IIFE Using the Void operator

  

    Here we are creating a IIFE Using the Void operator:
      
  
        void function iife() {
            console.log("IIFE is made with void operator");
        }();
        iife();
  

  

输出：