javascript核心技术（十二）初识函数function (二) 匿名函数及匿名函数自调用

人亦已歌 · 发表于 2023-1-22 11:39:39

在前两节中我们讲解的函数都是常规的带有名字的函数，还有另一种函数，那就是匿名函数。

何为匿名函数?
没有名字的函数即是匿名函数。

1、匿名函数的声明

function(){}

复制代码

2、匿名函数的自调用

(function(){})();

复制代码

语法解释：
将匿名函数使用小括号括起来，表示是一个整体
后面加一堆小括号，表示函数的调用
匿名函数自调用（立即调用） --特点：只能调用一次

举例：

(function(){
    console.log('洗菜');
    console.log('切菜');
    console.log('炒菜');
    console.log('淘米');
    console.log('煮米饭');
})();

javascript核心技术（十二）初识函数function (二) 匿名函数及匿名函数自调用

3、匿名函数的用途
优点一、当我们确定某个功能只需要调用一次时，使用匿名函数可以减少资源的占用。因为，匿名函数调用完成立即被垃圾回收机制回收，而普通函数始终处于占有资源的状态，以等待下次调用。
优点二、防止全局变量被污染。
举例：

//声明了一个全局的num变量，值为10
var num = 10;

//套一层匿名函数自调用，隔离开这部分代码，函数中的var声明的变量和函数外面的变量互不影响
(function(){
    var num = 100;
    console.log(num);
})();

console.log(num);