JavaScript函数调用的五种方式与语法解析

JavaScript函数调用方式概述

JavaScript中函数的调用方式主要包含以下几种情况：

具名函数与引用调用

第一种是具名函数的直接调用。

function foo()
  {
  }
foo();

第二种是通过变量引用匿名函数进行调用。

fooRef = function()
  {
  }
fooRef();

无引用匿名函数（IIFE）的三种写法

第三种是无引用的匿名函数调用方式之一。

(function()
 {
}());

第四种是无引用的匿名函数调用方式之二。

(function()
 {
 })();

第五种是无引用的匿名函数调用方式之三。

void function()
 {
 }();

函数表达式与声明的语法解析差异

图1.1和图1.2展示了这两种表达式不同的运算过程。在图1.1中，是通过强制运算符使函数调用运算得以执行；而在图1.2中，则是利用强制运算符对“函数直接量声明”这一表达式进行运算，从而返回一个指向函数自身的引用，最后通过函数调用运算符“()”来操作该函数引用。至于前文提到的最后一个匿名函数调用形式 void function(){}();，其作用在于调用函数并忽略返回值，其中void运算符用于确保其后的函数表达式执行运算。那么，如果我们不使用“void”关键字以及强制运算“()”，代码是否还能正常执行呢？

(1)function(){}() //使用''()"强制调用

(2)function(){}(); //使用";"来执行语句

脚本引擎会将function(){}识别为函数声明，从而导致语法检测失败，代码被解析为以下结构：

function(){};();

此时，function(){}被视为声明语句被解释，而“();”则被独立成一行进行解释，因此会抛出语法错误。如何确定错误是由“();”引起的呢？我们可以尝试修改代码如下：

function(){}(1);

这样脚本引擎会将其解释为：

fucntion(){};

(1); //单值表达式

由于语法结构符合规范，因此能够顺利通过语法检测。