什么是自执行函数?

1,402 阅读5分钟
原文链接: www.jianshu.com

大家好,我是IT修真院北京总院第22期的学员,一枚正直纯洁善良的web程序员;

今天给大家分享一下,修真院官网js任务2,深度思考中的知识点——什么是自执函数?

1.背景介绍

在详细讲解自执行函数之前,我们先来说一下这个函数在叫法上的争议。实际上不同的人对自执行函数的理解不太一样, 第一种理解是,自执行即自动执行,也就是大家平时所谓的立即执行函数

还有一种理解,即自执行函数是在函数内部执行函数本身,即我们平时常说的递归函数。不管是 哪种理解,我们都没必要去纠结叫法上的准确与否,因为相比于自执行函数,立即执行函数和递归函数 这两种叫法是我们更加熟悉的,实际上平时也很少会看到自执行函数这种叫法。立即执行函数和递归函数都很重要,因此今天打算对立即执行函数做一下介绍。

2.知识剖析

知识点1:直接在函数后面加()就可以立即执行吗?在函数声明后面加括号为什么会报错?

知识点2:如何实现立即执行函数

3.常见问题

对函数声明和函数表达式不能正确区分

4.解决方案

函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明。

函数表达式var fnName = function () {…};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。

匿名函数:function () {};使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量则创建函数,赋予一个事件则成为事件处理程序或创建闭包等等。

函数声明和函数表达式不同之处在于,一、Javascript引擎在解析javascript代码时会‘函数声明提升'(Function declaration Hoisting)当前执行环境(作用域)上的函数声明,而函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表达式,二、函数表达式后面可以加括号立即调用该函数,函数声明不可以,只能以fnName()形式调用 。

5.编码实战

demo

6.扩展思考

立即执行函数有哪些用处?

javascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量,所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。

JQuery使用的就是这种方法,将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中,在全局作用域中调用JQuery代码时,可以达到保护JQuery内部变量的作用。

7.参考文献

参考一:汤姆大叔的博客之立即调用的函数表达式

参考二:Javascript高级程序设计

8.更多讨论

匿名函数和闭包的区别

匿名函数:简单的来说就是没有名字的函数

闭包的含义:闭包说白了就是函数的嵌套,内层的函数可以使用外层函数的所有变量,即使外层函数已经执行完毕(这点涉及JavaScript作用域链)

9:提问截屏


问题一:自执行函数的作用?

回答:1. js中没有块级作用域,用来隔离作用域避免污染,或者截断作用域链,避免闭包造成引用变量无法释放。

2. 利用立即执行特性,返回需要的业务函数或对象,避免每次通过条件判断来处理。

问题二:自执行函数和闭包的关系?

回答:立即执行函数和闭包之间没有必然的联系,虽然它们经常结合一起使用;

立即执行函数只是一种函数的调用方式;  

闭包的目的则是外部函数可以访问内部函数的作用域;

问题三:自执行函数有几种执行方式?

回答:1.最简单的调用方式,直接写到html的body标签里面:

2.在JS语句调用:

function myfun()

{    alert("this window.onload");   }   /*用window.onload调用myfun()*/

window.onload = myfun;//不要括号

3.

window.onload=function(){

func1();

func2();

func3(); }

10:鸣谢

感谢观看

感谢 伊文秋,此教程在她技术分享的基础上完善而成!

PPT链接

视屏地址:v.qq.com/x/page/n052…

------------------------------------------------------------------------------------------------------------------------------------------

技能树.IT修真院

“我们相信人人都可以成为一个工程师,现在开始,找个师兄,带你入门,掌控自己学习的节奏,学习的路上不再迷茫”。

这里是技能树.IT修真院,成千上万的师兄在这里找到了自己的学习路线,学习透明化,成长可见化,师兄1对1免费指导。快来与我一起学习吧 !

猛戳这里有惊喜