Javascript立即执行函数学习小结

*注:本文仅个人学习总结,可做参考,如有个人理解错误,欢迎指正


学习立即执行函数首先需要了解js中函数的创建使用机制,在js中,函数声明后并不会马上执行,而是在需要的时候调用才执行里面的代码(所以创建函数后一定要使用"函数名();"来执行哦)。

立即执行函数顾名思义就是函数创建后立即执行的情况。


我们先来了解普通函数的创建和执行方法

上图可以看见,每创建使用一个函数最少要使用一个全局变量,而js中为了减少全局变量的污染(原因之一,还有其他原因,呃,还没搞懂,嘻嘻嘻嘻),立即执行函数就应运而生。


在js中()表示调用该函数,所以我第一次接触立即执行函数时觉得它是这样写的:

我开始的想法是直接声明一个匿名函数,然后直接调用该函数,但结果很明显,vsCode直接报红对吧。我们来看看错误提示,

这里可以看见,大体看作编辑器认为function的名字丢失了,编辑器认为函数必须要有名字,而我使用匿名函数主要就是避免全局变量,肯定不能再给函数加上名字。在这里我们的解决方案就是使用(),将函数体包裹在括号中,

其中,编辑器会认为包裹着函数声明的括号为一个表达式而非函数声明,就完成一个最简单的立即执行函数的书写。

发布了9 篇原创文章 · 获赞 1 · 访问量 175

猜你喜欢

转载自blog.csdn.net/qq_45310244/article/details/105179460
今日推荐