洞察函数表达式：深入探索JavaScript函数的灵活用法

2024-01-20 09:10:46

函数表达式：灵活动态的函数定义

在JavaScript中，函数表达式允许您使用一个表达式来定义函数。这种定义方式相对于函数声明更加灵活，可以作为变量的一部分或在代码块中动态创建。

// 函数声明
function greet(name) {
  console.log(`Hello, ${name}!`);
}

// 函数表达式
const greet = function (name) {
  console.log(`Hello, ${name}!`);
};

箭头函数：简洁高效的新写法

ES6引入的箭头函数（arrow function）是函数表达式的简化写法，以更加简洁的语法定义函数，尤其适用于简单的函数。

// 函数表达式
const greet = function (name) {
  console.log(`Hello, ${name}!`);
};

// 等价的箭头函数
const greet = (name) => console.log(`Hello, ${name}!`);

闭包：访问外部变量的函数

闭包（closure）是指能够访问外部作用域变量的函数，即使在外部作用域已经超出其作用域之后。闭包在JavaScript中非常有用，常用于保持对外部数据的访问或创建私有变量。

function outerFunction() {
  let counter = 0;

  function innerFunction() {
    counter++;
    console.log(`Counter: ${counter}`);
  }

  return innerFunction;
}

const innerFunction = outerFunction();
innerFunction(); // Counter: 1
innerFunction(); // Counter: 2