JavaScript函数定义方法详解：声明、表达式与自调用

本文通过具体实例介绍JavaScript中函数的定义方式，供读者参考学习。

JavaScript函数定义方法

JavaScript 函数定义方法

函数声明

函数声明

在前面的教程中，已经介绍了函数声明的基本语法：

function functionName(parameters) {
 执行的代码
}

函数声明语句本身不会立即执行，只有在被调用时才会运行。

function myFunction(a, b) {
  return a * b;
}

分号用于分隔独立的JavaScript语句。

由于函数声明属于定义语句而非执行语句，因此末尾不需要加分号。

函数表达式

函数表达式

JavaScript允许通过表达式来定义函数。

可以将函数表达式赋值给变量：

var x = function (a, b) {return a * b};

当函数表达式存储在变量中后，该变量即可像函数一样被调用：

var x = function (a, b) {return a * b};
var z = x(4, 3);

上述代码中的函数实际上是一个匿名函数，即没有具体的函数名称。

当函数存储在变量中时，无需指定函数名，通常直接通过变量名进行调用。注意，上述代码末尾包含分号，因为这是一个执行语句。

建议尽量避免使用 new 关键字来定义函数。

函数提升（Hoisting）

函数提升（Hoisting）

在前面的教程中，我们已经接触过“hoisting（提升）”这一概念。

提升（Hoisting）是JavaScript引擎默认将当前作用域内的声明提前到作用域顶部的行为。

提升机制同时适用于变量声明和函数声明。

因此，函数可以在其声明语句之前被调用：

myFunction(5);
function myFunction(y) {
  return y * y;
}

然而，如果使用表达式定义函数，则无法享受提升机制。

自调用函数

自调用函数

函数表达式支持“自调用”操作。

自调用表达式会在定义后自动执行。

如果在表达式末尾紧跟一对括号 ()，则该函数会自动调用。

普通的函数声明无法进行自调用。

可以通过添加括号来明确表明这是一个函数表达式：

(function () {
  var x = "Hello!!";   // 我将调用自己
})();

上述代码实际上是一个匿名自调用函数，没有具体的函数名。

函数可作为一个值使用

函数可作为一个值使用

在JavaScript中，函数可以像其他值一样被使用：

function myFunction(a, b) {
  return a * b;
}
var x = myFunction(4, 3);

JavaScript函数也可以参与表达式运算：

function myFunction(a, b) {
  return a * b;
}
var x = myFunction(4, 3) * 2;

函数是对象

函数是对象

在JavaScript中使用 typeof 操作符判断函数类型时，将返回字符串

然而，将 JavaScript 函数视为对象更为精确。

JavaScript 函数拥有属性和方法。

arguments.length 属性用于返回函数调用时接收到的参数数量：

function myFunction(a, b) {
  return arguments.length;
}

toString() 方法将函数转换为字符串形式返回：

function myFunction(a, b) {
  return a * b;
}
var txt = myFunction.toString();

如需了解更多 JavaScript 相关内容，请参阅本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》以及《JavaScript数学运算用法总结》

期望本文所述内容能对您的 JavaScript 程序设计工作有所助益。