浏览器上立即执行的函数

版权声明:EGEEK https://blog.csdn.net/qq_41604269/article/details/82967436

在浏览器上会立即执行的函数

  1. onload方法
  2. 立即执行函数(推荐)

1、onload方法

特点:只有一个,只执行一次。

说明:onload方法只能放在<body>标签中,例如<body onload="myfun()">其中myfun是自定义的用来实现某种功能的函数。

<html>
<head>
	<meta charset="utf-8">
	<title></title>
<script>
	var myfun = function(){
		alert("运行第一个执行");
	}
</script>
</head>

<body onload="myfun()">
</body>
</html>

2、立即执行函数

特点:立即执行,只执行一次。

解释说明:相当于是声明了一个匿名函数,并且在声明的时候立即执行该匿名函数。

作用:创建一个独立的作用域,避免了外界访问,避免了变量重名的麻烦。

基本语法:(匿名函数)();

例如:

无参立即执行函数

    (function(){
        alert("我本是一个匿名函数,现在却可以立即执行");
    })();

有参立即执行函数

	(function(a,b){
                var sum = a+b;
		alert("sum="+sum);
	})(2,3);

为什么匿名函数要用括号()给括起来呢?

因为匿名函数的声明格式是:function(){}

其中{}是封装代码块的,如果不把匿名函数括起来,function()和{}会被看成是两部分,就不是匿名函数了。此时运行浏览器会报错。只有把匿名函数括起来(function(){}),function()和{}才会被看成一个整体,才是一个真正的匿名函数。

猜你喜欢

转载自blog.csdn.net/qq_41604269/article/details/82967436