javascript中的有名函数和无名函数

JavaScript中的函数可以分为有名函数和无名函数两种类型。有名函数为函数定义指定了一个名称，而无名函数则没有。

有名函数

函数定义

有名函数最基本的定义方式就是定义一个函数名，并编写函数体：

function add(a, b) {
  return a + b;
}

这是定义一个相加函数的示例，函数名为add，接受两个参数a和b，并返回a和b的和。

函数表达式

将一个函数直接赋值给一个变量，就构成了函数表达式。通过这种方式定义的函数称为“匿名函数”，也称为“无名函数”，因为没有给函数一个明确的名称。

let add = function(a, b) {
  return a + b;
}

这段代码定义了一个变量add，它存储了一个函数。这个函数接受两个参数a和b，返回它们的和。

我们可以使用这个变量来调用这个函数：

let result = add(2, 3); // result的值为5

箭头函数

ES6引入了箭头函数的定义方式。箭头函数也可以是有名函数或无名函数。箭头函数的语法更为简洁，因此在一些场合下可以取代传统的函数定义方式。

下面是一个简单的加法器的例子，使用了箭头函数：

let add = (a, b) => a + b;

这行代码定义了一个变量add，存储了一个箭头函数。这个函数接受两个参数a和b，返回它们的和。

无名函数

函数定义

无名函数的定义方式与有名函数的函数表达式类似，只是没有定义一个函数名称。

let add = function(a, b) {
  return a + b;
};

这个函数表达式定义了一个变量add，存储了一个无名函数。这个函数接受两个参数a和b，返回它们的和。

IIFE

IIFE (Immediately Invoked Function Expression) 是一个立即执行的函数表达式。它的目的是创建一个独立的作用域，防止变量污染全局作用域。

(function() {
  // 这里是代码块
})();

这段代码定义了一个匿名函数，并立即执行它。这个函数没有任何参数，同时也没有返回值。如果需要传递参数，也可以这样写：

(function(a, b) {
  // 这里是代码块
})(2, 3);

这里将2和3作为参数传递给了这个函数。

在IIFE中定义的变量只有在函数内部可见，不会污染全局作用域。这在一些模块化的场合下比较有用。

示例

下面是一个结合了有名函数、函数表达式和IIFE的示例，模块化实现了一个简单的“计数器”功能。它定义了一个单例对象Counter，只暴露了一个方法increment，调用一次这个方法就会将计数器加1。

let Counter = function() {
  let count = 0;

  function increment() {
    count++;
    console.log(count);
  }

  return {
    increment: increment
  };
}();

Counter.increment(); // 输出1
Counter.increment(); // 输出2

这个代码中定义了一个匿名函数，并立即执行它。这个函数返回一个对象，这个对象含有一个increment方法，执行这个方法会将一个私有变量count加1，并将结果输出到控制台。

let Counter = function() {
  let count = 0;

  return {
    increment: function() {
      count++;
      console.log(count);
    }
  };
}();

Counter.increment(); // 输出1
Counter.increment(); // 输出2

这是同样的示例，只是使用了函数表达式的方式定义了increment方法。实际上使用箭头函数也可以实现同样的效果。