【js-02】什么是自执行函数？
小课堂【深圳第338期】
分享人：蓝裕伟
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
1.背景介绍
今天的主题是自执行函数。什么是自执行函数？这个问题对于我这个初学js的小白来说还有点高深。 今天主要就自执行函数的一些基本概念和用法进行简要分享。
什么是自执行函数？网上对这种类型的函数的叫法众说纷纭。 有的人说是立即调用函数，有的人说自动执行函数，并没有一个清晰的概念。 叫它为“自执行”函数也行，称呼为“立即调用的函数表达式”也可以。
2.知识剖析
知识点1：什么是函数
W3school 对 JavaScript函数的定义是： 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 函数能接受输入的参数，不同的参数会返回不同的值。
知识点2：创建函数的几种方法
函数的声明
使用function命令声明的函数叫函数的声明。
function命令后面是函数名，函数名后面是一对圆括号，
里面是传入函数的参数。函数体放在大括号里面。
函数声明后不会立即执行，会在我们需要的时候调用到。
如下例子：
function print(s) {
console.log(s);
}
函数表达式
JavaScript 函数可以通过一个表达式定义。函数表达式存储在变量中.如：var x = function (a, b) {return a * b};
在函数表达式存储在变量后，变量也可作为一个函数使用。这种形式的函数实际上是一个 匿名函数 (函数没有名称)。
函数存储在变量中，通过变量名来调用。函数需要以分号结尾，因为它是一个执行语句。
Function() 构造函数
函数通过内置的 JavaScript 函数构造器（Function()）定义： var myFunction = new Function("a", "b", "return a * b");
知识点2：自执行函数
自执行函数，可以让函数在定义后立即被执行. 主要用于创建一个新的作用域，在此作用域内声明的变量， 不会和其它作用域内的变量冲突或混淆， 大多是以匿名函数方式存在，且立即自动执行。语法形如：(function( ){ console.log("test"); })( );
或者 (function( ){ console.log("test"); }( ));
还有一些流行的jQuery库： (function( window, undefined ) { // code here }) ( window );
3.常见问题
如何使用自执行函数
4.解决方案
2但是对于下面这个函数，如果直接加()就会报错；
如何让这种匿名函数直接执行，这就用到今天讲的自执行函数。用括号将整个函数包裹起来。 函数只要是要调用它进行执行的，都必须加括号。此时，函数实际上等于函数的返回值或者执行效果， 当然，有些没有返回值，但已经执行了函数体内的行为，就是说，加括号的，就代表将会执行函数体代码。 不加括号的，都是把函数名称作为函数的指针，一个函数的名称就是这个函数的指针，此时不是得到函数的结果， 因为不会运行函数体代码。它只是传递了函数体所在的地址位置，在需要的时候好找到函数体去执行。 因为JavaScript里括弧()里面不能包含语句，所以在这个形式上，解析器在解析function关键字的时候，会将相应的代码解析成function表达式，而不是function声明。
5.编码实战
6.扩展思考
自执行函数有哪些用处？
javascript中没用私有作用域的概念，如果在多人开发的项目上， 你在全局或局部作用域中声明了一些变量，可能会被其他人不小心用同名的变量给覆盖掉， 根据javascript函数作用域链的特性，可以使用这种技术可以模仿一个私有作用域， 用匿名函数作为一个“容器”，“容器”内部可以访问外部的变量，而外部环境不能访问“容器”内部的变量， 所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突，俗称“匿名包裹器”或“命名空间”。 JQuery使用的就是这种方法，将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中， 在全局作用域中调用JQuery代码时，可以达到保护JQuery内部变量的作用。
7.参考文献
参考二：Javascript高级程序设计
8.更多讨论
鸣谢
感谢大家观看
BY :景鑫|冯强|蓝裕伟