JS 自执行函数原理及用法

 更新时间:2019年08月05日 08:54:54   作者:计算机-小白  
这篇文章主要介绍了JS 自执行函数原理及技巧,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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监听滚轮事件的实现方法

    两种js监听滚轮事件的实现方法

    下面小编就为大家带来一篇两种js监听滚轮事件的实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • js 获取范围内的随机数实例代码

    js 获取范围内的随机数实例代码

    下面小编就为大家带来一篇js 获取范围内的随机数实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript动态检验密码强度的实现方法

    JavaScript动态检验密码强度的实现方法

    平时我们会在某些网站的注册页面或者更改密码的页面发现当我们输入密码时,会有一个类似于进度条的长条进行提示用户输入的密码强度。那么这种效果怎么实现的呢?下面小编给大家介绍下js动态检验密码强度的实现方法,一起看看吧
    2016-11-11
  • 五句话帮你轻松搞定js原型链

    五句话帮你轻松搞定js原型链

    这篇文章主要给大家介绍了关于js原型链的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • JavaScript代码实现春晚刘谦魔术的模拟程序

    JavaScript代码实现春晚刘谦魔术的模拟程序

    昨晚春晚上刘谦的两个魔术表演都非常精彩,尤其是第二个魔术,他演绎了经典的约瑟夫环问题!约瑟夫环是一个经典的数学问题,本文给出了完整的 JavaScript 代码实现,感兴趣的同学可以自己动手实现一下
    2024-02-02
  • js keycode快捷键大全 并附有简单使用说明

    js keycode快捷键大全 并附有简单使用说明

    js keycode快捷键大全 并附有简单使用说明,方便大家使用。
    2010-10-10
  • 浅析JavaScript中的特殊函数及用法小结

    浅析JavaScript中的特殊函数及用法小结

    JavaScript中的函数本质上是一个对象,我们可以将这个对象赋值给一个变量,这就使JavaScript中的函数变得非常的灵活,现在就来浅看一下JavaScript中函数的一些用法,需要的朋友可以参考下
    2022-06-06
  • 利用JS+ES6新增字符串操作方法汇总(共47种方法)

    利用JS+ES6新增字符串操作方法汇总(共47种方法)

    字符串的操作是任何一门计算机语言都必须面对的问题,下面这篇文章主要给大家介绍了关于利用JS+ES6新增字符串操作方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 微信小程序scroll-view实现滚动穿透和阻止滚动的方法

    微信小程序scroll-view实现滚动穿透和阻止滚动的方法

    这篇文章主要介绍了微信小程序scroll-view实现滚动穿透和阻止滚动的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 详解JavaScript中?.、??和??=的用法及使用场景

    详解JavaScript中?.、??和??=的用法及使用场景

    这篇文章主要为大家详细介绍了JavaScript中?.、??和??=的用法及使用场景,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-08-08

最新评论