前言:
眼前咱们对“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>
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。