掌握 JavaScript 中的函数表达式

28 阅读 0 评论 0 点赞

在 JavaScript 中，函数是一等公民，也就是说，函数可以像其他数据类型一样被传递、赋值和返回。在 JavaScript 中，函数表达式是一种定义函数的方式，与函数声明稍有不同，并且函数表达式在许多场合中都非常有用。本文将重点介绍函数表达式的基本概念、用法以及示例。

函数表达式是一个将函数定义赋值给变量的表达式。这意味着函数并不是立即执行的，而是被赋值给一个变量，可以在后续的代码中调用。函数表达式可以是具名的或匿名的。

具名函数表达式为函数提供了一个名称，可以提高可读性，并支持递归调用。

const factorial = function fac(n) {
  if (n <= 1) {
    return 1;
  }
  return n * fac(n - 1);
};

console.log(factorial(5)); // 输出 120

在上面的例子中，fac 是一个具名函数表达式，它用来计算阶乘。通过这种方式，函数内部调用 fac 可以实现递归。

匿名函数没有名称，通常用于一次性使用的场景，比如作为参数传递。

const square = function(x) {
  return x * x;
};

console.log(square(4)); // 输出 16

在这个例子中，函数被直接赋值给了变量 square，而不是以独立的方式定义。这种方式常用于需要将函数作为参数传递的情况。

自执行函数（Immediately Invoked Function Expression, IIFE）是一个立即执行的函数表达式。它在创建后立即运行，通常用于创建一个封闭的作用域。

(function() {
  const secret = "我是一个秘密";
  console.log(secret);
})();
// 输出 "我是一个秘密"
// console.log(secret); // 报错，secret 是在 IIFE 内部定义的

在这个示例中，函数被立即调用，并创建了一个局部作用域，从而保护了 secret 变量不被外部访问。

```javascript console.log(funcDecl()); // 可以正常输出 function funcDecl() { return "函数声明"; }

console.log(funcExpr()); // 报错，未定义 var funcExpr = function() { return "函数表达式"; }; ```

函数表达式是 JavaScript 中的一项重要特性，它为使用函数提供了更大的灵活性和控制力。无论是具名函数表达式还是匿名函数表达式、IIFE，都是我们在日常开发中经常使用的方式。通过掌握函数表达式，开发者可以更有效地组织和维护代码，提升代码的可读性和复用性。

点赞(0) 打赏