js中的立即执行函数

最新推荐文章于 2021-08-06 16:29:41 发布

I am the sun?

最新推荐文章于 2021-08-06 16:29:41 发布

阅读量386

点赞数

分类专栏： js 文章标签： js javascript

本文链接：https://blog.csdn.net/fighting_dream/article/details/113783286

版权

js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

立即执行函数：
函数定义完成后立即被调用，这种函数叫做立即执行函数。
像下面，我们来看看：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		function(){
			alert("新年快乐！");
		}
	</script>
</head>
<body>
</body>
</html>

运行结果：
在这里插入图片描述
为啥报错了呢，因为呀，我们平时定义函数，是不是这样的：
function 函数名(){}
而这里，直接function(){}，少去函数名，会把（当成函数名，而少了一个（，因此报错。
解决方法，我们给整个函数加上括号，让其变成一个整体，就不会报错了。

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		(function(){
			alert("新年快乐！");
		})
	</script>
</head>
<body>
</body>
</html>

运行结果：
在这里插入图片描述
但是，如何调用呢？？
直接在整个函数右边加上（）就可以了。因为我们调用函数就是在函数名后加括号呀。
如下：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		(function(){
			alert("新年快乐！");
		})()
	</script>
</head>
<body>
</body>
</html>

运行结果如下：
在这里插入图片描述
那能不能带参数呢？
可以的，如下：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		(function(a,b){
			document.write("result = " + a*b);
		})(4,2)
	</script>
</head>
<body>
</body>
</html>

运行结果如下：
在这里插入图片描述
看清楚没，后面括号是放参数的哦。

立即执行函数一般执行完一次，这个函数的任务也就结束了哦~

I am the sun?

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中的立即执行函数

立即执行函数：函数定义完成后立即被调用，这种函数叫做立即执行函数。像下面，我们来看看：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" c
复制链接

扫一扫