大家好,我是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:鸣谢
感谢观看
感谢 伊文秋,此教程在她技术分享的基础上完善而成!
------------------------------------------------------------------------------------------------------------------------------------------
“我们相信人人都可以成为一个工程师,现在开始,找个师兄,带你入门,掌控自己学习的节奏,学习的路上不再迷茫”。
这里是技能树.IT修真院,成千上万的师兄在这里找到了自己的学习路线,学习透明化,成长可见化,师兄1对1免费指导。快来与我一起学习吧 !