匿名函数开启JavaScript之门：拥抱简洁、灵活与创造

2024-02-22 06:02:06

匿名函数：一窥究竟

匿名的函数，没有名字的函数，就像一位蒙面侠客，在JavaScript的世界里纵横驰骋，以其独特的魅力，为编程增添一份灵动与神秘。

匿名函数的写法有两种，一是函数表达式，二是箭头函数。函数表达式是一种没有函数名的函数，通常以 function 开头，箭头函数则更为简洁，以 => 箭头符号为标志。

// 函数表达式
const double = function(number) {
  return number * 2;
};

// 箭头函数
const doubleArrow = number => number * 2;

匿名函数：精简与灵活的代名词

匿名函数的精简，表现在其代码的简洁性上。与具名函数相比，匿名函数可以省去函数名的声明，从而使代码更显紧凑。

// 具名函数
function add(a, b) {
  return a + b;
}

// 匿名函数（函数表达式）
const add = function(a, b) {
  return a + b;
};

// 匿名函数（箭头函数）
const add = (a, b) => a + b;

匿名函数的灵活，则体现在其可以作为参数传递给其他函数。这种特性在JavaScript中非常有用，因为JavaScript允许函数作为一等公民。

function higherOrderFunction(callback) {
  callback();
}

higherOrderFunction(function() {
  console.log("Hello World!");
});

higherOrderFunction(() => {
  console.log("Hello World!");
});

匿名函数：创造性的利器

匿名函数的创造性，表现在其可以轻松实现闭包。闭包是JavaScript中一个强大的特性，它允许函数访问其创建时的局部变量，即使该函数已执行完毕。

function createCounter() {
  let counter = 0;

  return function() {
    counter++;
    return counter;
  };
}

const counter = createCounter();

console.log(counter()); // 1
console.log(counter()); // 2
console.log(counter()); // 3