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 (形参) { }(实参));

相关推荐
大爱编程♡24 分钟前
Vue3+TypeScript+element-plus的文章管理项目(配后端接口)-退出及文章管理页面
前端·javascript·typescript
独立开阀者_FwtCoder28 分钟前
最近做了一个健身小程序:智形健身助手,健身的佬们来提点意见
前端·javascript·github
Lyndon-李大鹏1 小时前
QT-VS环境
开发语言·qt
森林的尽头是阳光2 小时前
tree回显问题
javascript·vue.js·elementui
微学AI2 小时前
内网穿透的应用-把飞牛NAS变成家庭录像中心:EasyNVR部署与远程回放实战
开发语言·php
峥嵘life2 小时前
Android WiFi连接过程 wpa_supplicant 日志分析
android·开发语言·php
BerryS3N2 小时前
深度解析:从零构建生产级大模型 RAG(检索增强生成)系统全栈指南
开发语言·python·ai
weixin_BYSJ19872 小时前
「课设设计」springboot校园超市助购系统26449 (附源码)
java·javascript·spring boot·python·django·flask·php
今儿敲了吗2 小时前
Python——函数基础
开发语言·笔记·python
CHANG_THE_WORLD2 小时前
深入理解递归:从函数调用到调用栈的完整执行过程
java·开发语言·算法