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

相关推荐
kyriewen2 小时前
别再每次都 Google 了:我整理了前端日常最常踩的 10 个 Git 坑,附速查表
前端·javascript·git
SmartBoyW3 小时前
深入ECMAScript规范:彻底搞懂JS隐式类型转换与底层ToPrimitive机制
前端·javascript
用户852495071844 小时前
解密 JavaScript 中的 this:谁才是真正的调用者?
javascript·面试
Heo4 小时前
Vite进阶用法详解
前端·javascript·面试
铁皮饭盒5 小时前
Next.js 风格路由内置?Bun FileSystemRouter 凭啥这么香
javascript
小林ixn6 小时前
别再背八股了!从 5 个真实场景彻底搞懂 JavaScript 的 this
javascript
东风破_6 小时前
JavaScript 面试常考的字符串算法:从反转字符串到回文判断
前端·javascript
巴勒个啦7 小时前
D3.js 入门实战:用力导向图可视化项目依赖关系
javascript
不好听6137 小时前
JavaScript 的 this 到底指向谁?
javascript·面试
触底反弹7 小时前
🔥 2026 年爆火的 Harness Engineering 到底是什么?从原理到实战一文讲透
javascript·人工智能·程序员