JS 自执行函数原理及用法
2019-08-05 08:54
1946 查看
js自执行函数,听到这个名字,首先会联想到函数。接下来,我来定义一个函数:
function aaa(a,b){ return sum = a + b }
定义了一个名为aaa的函数,在里面可以计算两个数的和。如果想执行它,就必须得调用它,并且还得给它传参:
var aa = aaa(1,2)
这样就实现了一个函数的定义与调用,通过console.log我们可以看到sum实现了两个数的相加。
自执行函数是什么?自执行函数就是当它被定义出来,就会自动执行的函数。不需要调用,传参也很方便。就上面的函数,用自执行函数定义就是这样:
(function aaa(a,b){ return sum = a + b ;})(1,2)
通过控制台可以发现sum实现了两个数的相加。
自执行函数有三种写法:
1.( function ( “ 参数 ” ) { " 函数方法 " ; } ) ( “ 给参数传的值 ” )
2.( function ( " 参数 " ) { “ 函数方法 ” ; } ( " 给参数传的值 " ) )
3.! function ( " 参数 " ) { " 函数方法 " ; } ( " 给参数传的值 " )
第三种!可以换作其他运算符或者void。
自执行函数是很自私的,它的内部可以访问全局变量。但是除了自执行函数自身内部,是无法访问它的。例:
function aaa(a1,b1){ return sum1 = a1 + b1 }, (function bbb(a2,b2){ return sum2 = a2 + b2 ;}(), console.log(aaa) console.log(bbb)
这是一个函数与一个自执行函数,输出这两个函数会发现:函数aaa被全部打印出来,而bbb则报错。自执行函数相当于一个瓶口朝下的杯子,当定义它的时候,它会倾斜,把杯口露出来,吸收外面的新鲜空气;当它执行完毕,杯口不再外露,紧闭起来,与外界再无关联。
您可能感兴趣的文章:
相关文章推荐
- js 增加确定取消按钮的弹出窗口,嵌套执行函数用法 onclick,confirm
- Js定时执行函数方法setTimeout,clearTimeout用法及按钮addEventListener,attachEvent侦听事件
- JS立即执行函数功能与用法分析
- js 函数arguments一种用法
- js 把字符串当函数执行的方法
- Js立即执行函数
- imadjust从用法到原理—Matlab灰度变换函数之一
- Js整理备忘(补充)——函数的执行顺序
- 04.多线程--05.【多线程银行客户存钱案例设计】【同步函数基本用法和原理】
- js自执行函数前加个分号(;!function(){}();)是什么意思?
- 解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
- JS中终止函数执行的代码
- vue---由nextTick原理引出的js执行机制
- js指定一个时间执行一个函数
- JS基础---立即执行函数表达式IIFE
- Node.js中使用计时器定时执行函数详解
- js立即执行函数
- flash调用js函数,IE6不执行的问题
- js判断函数是否存在并且执行
- windows内核原理分析之DPC函数的执行(1)