JavaScript——对匿名函数的简单理解与使用

最新推荐文章于 2024-08-14 10:33:43 发布

原创

最新推荐文章于 2024-08-14 10:33:43 发布 · 778 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

本文介绍了JavaScript中的匿名函数，包括其定义、如何避免错误地使用以及匿名函数的六种常见使用方式：直接调用、赋名调用、事件调用、作为对象方法调用、作为返回值和充当块级作用域。匿名函数在JavaScript编程中起到减少全局变量、避免命名冲突和实现闭包等重要作用。

什么是匿名函数？

我们先来看一下，下方是一个有名字的普通函数。

function f1(){
    console.log("我的名字是f1");
}

那么匿名函数就是没有名字的函数。

function(){
    console.log("我没有名字");
}

请注意，如果直接运行程序的话，程序会报错↓
（Error: Function statements require a function name）
翻译：(错误:函数语句需要函数名)

那么该怎么使用匿名函数呢？让我们接着往下看！

匿名函数的使用

解决上面的问题非常简单，只需要用“（）”将匿=匿名函数包起来，程序就不会报错了！

(function(){
    console.log("我没有名字");
})

当然这并没有执行这个匿名函数，接下来，我们看一下匿名函数常见的几种使用方式。

方式一：直接调用

直接调用的方法有很多种，通常情况下有两种比较常用

//第一种
(function(){
   console.log("该函数直接执行，运行程序后输出了这句话")
}())

//格式：(匿名函数(参数))


//第二种
(function(){
   console.log("该函数直接执行，运行程序后输出了这句话")
})()
//格式：(匿名函数)(参数)

//两种格式效果相同，区别在于括号位置不同

---------------------