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

相关推荐
guygg883 分钟前
C# 生成中间带 Logo 头像的二维码
开发语言·c#
闪电悠米6 分钟前
黑马点评-Redis 消息队列-03_stream_consumer_group
开发语言·数据库·redis·分布式·缓存·junit·lua
81250353319 分钟前
第 9 篇:子网掩码:如何划分“小区”
开发语言·php
Jun62635 分钟前
QT(12)-制作lib库
开发语言·qt
Java面试题总结36 分钟前
C#12 中的 Using Alias
开发语言·windows·c#
加号338 分钟前
【C#】 ASCII 码转字符串技术解析
开发语言·c#
阿猫的故乡1 小时前
Vue过渡动画从入门到装X:淡入淡出、滑动、列表动画、第三方库全搞定
前端·javascript·vue.js
小和尚敲木头1 小时前
vue3 vite动态拼接图片路径
javascript
Cloud_Shy6181 小时前
解读《Effective Python 3rd Edition》:从练气到老魔(第五章 Item 33 - 35)
开发语言·人工智能·笔记·python·学习方法
星恒随风1 小时前
C++ 类和对象入门(五):初始化列表、explicit 和 static 成员详解
开发语言·c++·笔记·学习·状态模式