龙空技术网

JavaScript-自执行函数 266

源丁编程 150

前言:

眼前咱们对“js函数自调用函数”可能比较注意,我们都需要分析一些“js函数自调用函数”的相关资讯。那么小编同时在网摘上收集了一些关于“js函数自调用函数””的相关文章,希望大家能喜欢,同学们一起来学习一下吧!

自执行函数概念

自执行函数也叫做立即调用函数,是一种特殊的函数表达式,这种特殊的函数表达式的结构源于一种设计模式,因此叫做自执行匿名函数,一般应用于开发框架,插件等场景

自执行函数特点

1)隔离作用域:形成独立的作用域中可以既可以避免外界访问内部变量,也不会污染全局作用域

2)立即执行:执行到此函数立即执行无需外界调用,只执行一次

自执行函数常用的两种声明方式

1)无参数方式

<!DOCTYPE html><html xmlns=";><head>    <title>自执行函数</title>    <script type="text/javascript">        window.onload = function () {            //1.无参数            //方式1            (function () {                console.log("无参自执行函数");            }());            //方式2            (function () {                console.log("无参自执行函数");            })();        }    </script></head><body></body></html>

无参声明方式

2)有参数方式

    <script type="text/javascript">        window.onload = function () {            ////1.无参数            ////方式1            //(function () {            //    console.log("无参自执行函数");            //}());            ////方式2            //(function () {            //    console.log("无参自执行函数");            //})();            //==================            //1.有参数            //方式1           //数字1是实参,a是形参            (function (a) {                console.log(a);//结果 1            }(1));            //方式2      		//数组[1,2]是实参,arr是形参            (function (arr) {                console.log(arr[0] + " " + arr[1]);//结果  1  2            })([1, 2]);        }    </script>

标签: #js函数自调用函数 #js函数自执行 #html不执行