浅析Javascript匿名函数与自执行函数

在Javascript编程中，匿名函数（Anonymous Function）和自执行函数（Immediately Invoked Function Expression，简称IIFE）是两个常被使用的概念。本文将深入浅出地讲解这两个概念的定义、用法和区别。

匿名函数

匿名函数就是没有名字的函数，也称为函数表达式（Function Expression）。和有名函数（Function Declaration）不同，匿名函数无法在自身内部递归调用。

使用匿名函数的形式如下：

var func1 = function(){
    console.log('This is an anonymous function.');
}

自执行函数

自执行函数是指，在创建函数之后立即执行该函数，不需要先调用函数的名称。自执行函数可以被认为是一种匿名函数的特殊形式。

使用自执行函数的形式如下：

(function(){
    console.log('This is a self-executing function.');
})();

自执行函数以一对括号包裹匿名函数，并在末尾加上一对括号，这样匿名函数就立即执行了。

由于自执行函数是一个函数表达式，所以它的括号不能被省略，否则会变成函数声明。

IIFE可以传递参数，例如：

(function(msg){
    console.log(msg);
})('Hello World');

匿名函数和自执行函数的区别

1. 匿名函数可以赋值给变量或属性，以便后续使用，而自执行函数无法再次使用。
2. 每个IIFE都有自己的作用域，因此IIFE中定义的变量不会污染全局命名空间。

示例说明

示例1：匿名函数

var func1 = function(){
    console.log('This is an anonymous function.');
}

func1(); // This is an anonymous function.

以上示例创建了一个匿名函数，并将它赋值给函数表达式func1。调用func1()时，控制台输出This is an anonymous function.。

示例2：自执行函数

(function(){
    console.log('This is a self-executing function.');
})();

以上示例定义了一个自执行函数，直接执行了其中的代码，控制台输出This is a self-executing function.。

示例3：自执行函数传参

(function(msg){
    console.log(msg);
})('Hello World');

以上示例定义了一个带参数的自执行函数，调用时传递参数Hello World，控制台输出Hello World。

总结

本文介绍了匿名函数和自执行函数的定义、用法和区别，并通过示例对两者进行了解释说明。掌握这两个概念可以提高Javascript编程的灵活性和效率。