Javascript函数之匿名函数以及立即执行函数的使用方法?

1、匿名函数

函数整体分成两大类,一类是具名函数,一类是匿名函数。

具名函数:声明函数,调用函数, function fn(){} fn()

匿名函数:没有名称的函数, function(){}

没有名字的函数,无法直接使用。

使用方式:(1)函数表达式 (2)立即执行函数

2、函数表达式

将匿名函数赋值给一个变量,并且通过变量名称进行调用,我们将这个称为函数表达式

语法:

调用函数:

// 1、函数表达式

// 把这个函数赋值给fn

let fn = function () {

console.log('我是函数表达式')

}

console.log(fn) //打印出来是一个函数

//调用函数

fn()

函数表达式与具名函数的区别:

具名函数,在哪个位置调用都可以;函数表达式,必须先写表达式,后调用。

// 函数表达式和我们具名函数的不同 function fn(){}

// 具名函数在哪里调用都行

fun()

function fun() {

console.log(1) //1

}

3、立即执行函数

场景使用:避免全局变量之间的污染

无需调用,立即执行

两个立即执行函数之间要加分号,否则会报错。

(1)第一种写法

语法:(function(){})();

(function(形参){})(实参);

(2)第二种写法

语法:(function () { }());

(function (形参) { }(实参));

相关推荐
一粒黑子1 天前
【实战解析】阿里开源 PageAgent:纯前端 GUI Agent,一行JS让网页支持自然语言操控
前端·javascript·开源
IT枫斗者1 天前
前端部署后如何判断“页面是不是最新”?一套可落地的版本检测方案(适配 Vite/Vue/React/任意 SPA)
前端·javascript·vue.js·react.js·架构·bug
九转成圣1 天前
Java 性能优化实战:如何将海量扁平数据高效转化为类目字典树?
java·开发语言·json
Beginner x_u1 天前
链表专题:JS 实现原理与高频算法题总结
javascript·算法·链表
SmartRadio1 天前
ESP32-S3 双模式切换实现:兼顾手机_路由器连接与WiFi长距离通信
开发语言·网络·智能手机·esp32·长距离wifi
laowangpython1 天前
Rust 入门:GitHub 热门内存安全编程语言
开发语言·其他·rust·github
我叫汪枫1 天前
在后台管理系统中,如何递归和选择保留的思路来过滤菜单
开发语言·javascript·node.js·ecmascript
_.Switch1 天前
东方财富股票数据JS逆向:secids字段和AES加密实战
开发语言·前端·javascript·网络·爬虫·python·ecmascript
软件技术NINI1 天前
webkit简介及工作流程
开发语言·前端·javascript·udp·ecmascript·webkit·yarn
Brendan_0011 天前
JavaScript的Stomp.over
开发语言·javascript·ecmascript