javascript之函数直接量(function(){})()

下面就来详细讲解一下“javascript之函数直接量(function(){})()”的攻略。

什么是函数直接量？

在 Javascript 中我们可以使用 function 来构造函数，这种构造方式被称为“函数直接量”。

函数直接量的语法如下：

function 函数名称(参数1, 参数2, ..., 参数n) {
  // 函数体
}

其中 函数名称 和 参数列表 为可选项。如果省略函数名称，则这个函数为匿名函数。如果省略参数列表，则函数不接受任何参数。

例如，下面的代码定义了一个名为 add 的函数，用于计算两个数相加的结果：

function add(num1, num2) {
  return num1 + num2;
}

函数直接量调用

除了通过 function 关键字定义函数之外，在 Javascript 中我们还可以使用函数直接量来创建一个匿名函数并立即调用它。

这种方式的语法是这样的：

(function() {
  // 函数体
})();

其中，整个函数用圆括号包裹，之后再添加一个额外的括号用于调用。

这种方式有什么实际用途呢？通常，我们使用函数直接量调用来创建一个私有作用域，以避免全局变量的污染。这种技术常被称为立即执行函数表达式（Immediately Invoked Function Expression），简称 IIFE。

下面是一个简单的示例，它定义了一个 IIFE 来避免全局变量的污染：

(function() {
  var a = 1;
  var b = 2;
  console.log(a + b); // 输出结果为 3
})();

在上面的示例中，我们定义了一个匿名函数并且立即调用它。这个匿名函数包含了定义两个变量 a 和 b，并且输出了它们的和。

由于这个匿名函数中定义的变量 a 和 b 是在函数作用域中创建的，它们不会污染全局作用域。这就是使用 IIFE 的好处之一。

示例说明

下面我们通过另一个示例来演示 IIFE 的用法。

假设我们程序中定义了两个全局变量 a 和 b，现在要将它们的值相加并输出。为了避免全局变量的污染，我们可以使用 IIFE 技术。

下面是代码示例：

var a = 1;
var b = 2;

(function() {
  var c = a + b;
  console.log(c); // 输出结果为 3
})();

在上面的示例中，我们定义了两个全局变量 a 和 b，然后使用 IIFE 技术创建了一个私有作用域，再在这个作用域中将 a 和 b 相加，并将结果赋值给一个局部变量 c，最后输出 c 的值。在这个过程中，全局变量 a 和 b 没有被修改或污染到。

另外需要说明的是，IIFE 并不仅限于只有一个匿名函数的形式。如果你在 IIFE 中需要定义多个函数和变量，可以通过在 IIFE 内部添加多个函数定义和变量声明的方式来实现。