夜间模式CodeSnippetStyle:
日间模式CodeSnippetStyle:

0%


自执行函数-[javascript]-[语法]

在看别人的代码的时候,遇到了一种写法,之前没有见过,如下:

![](https://img2018.cnblogs.com/blog/1735896/201912/1735896-20191221141308437-505720786.png)

通过群知道这个东西叫做自执行函数,通过网络了解,记录下这是个啥。
其实,这个很简单,但是为了描述的清楚,我们还是从基本出发,说的详细一点:
JS中的函数基本的定义和触发的形式是这样的: **case1** ```javascript function state(){ console.log("hello!") }

state();

</br>
我们还可以给这个函数赋值给一个变量,然后通过`变量名()`触发该函数:
**case2**
```javascript
var funcState =  function (){
	console.log("hello!")
}

funcState();

**关键** 我们观察case2知道,我们把函数赋给一个变量,然后通过该变量名+“()”就可以实现函数触发调用 那他实际就是`一个函数块()`,就能调用一个函数了。
这就是自执行函数,以上示例,写作自执行函数,如下:
![](https://img2018.cnblogs.com/blog/1735896/201912/1735896-20191221144555704-1509844329.png)
(把函数块用一个括号括住之后,在綴加一个“()”)页面加载就直接触发这个函数了

> 自执行函数不过是触发函数的简写方式而已,在模块化开发时,原生js开发中,html页面通常非常的整洁,各种逻辑通过script标签引入js。只暴露在html的dom上一个绑定一个触发函数就行 如下示例:
![](https://img2018.cnblogs.com/blog/1735896/201912/1735896-20191221143019551-543137288.png)
posted @ 2019-12-21 14:33  暮冬有八  阅读(268)  评论(0编辑  收藏  举报
BACK TO TOP

😀迷海无灯听船行。Github WeChat