大家好,我是IT修真院的学员,一枚正直纯洁善良的web前端程序员
今天给大家分享一下什么是自执行函数?
1.背景介绍
今天的主题是自执行函数。什么是自执行函数? 今天主要就自执行函数的一些基本概念和用法进行简要分享。
什么是自执行函数?网上对这种类型的函数的叫法众说纷纭。 有的人说是立即调用函数,有的人说自动执行函数,并没有一个清晰的概念。 叫它为“自执行”函数也行,称呼为“立即调用的函数表达式”也可以。
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.解决方案
1.对于函数表达式,在后面加括号即可以让函数立即执行;例如下面这个函数
2但是对于下面这个函数,如果直接加()就会报错;
如何让这种匿名函数直接执行,这就用到今天讲的自执行函数。用括号将整个函数包裹起来。 函数只要是要调用它进行执行的,都必须加括号。此时,函数实际上等于函数的返回值或者执行效果, 当然,有些没有返回值,但已经执行了函数体内的行为,就是说,加括号的,就代表将会执行函数体代码。 不加括号的,都是把函数名称作为函数的指针,一个函数的名称就是这个函数的指针,此时不是得到函数的结果, 因为不会运行函数体代码。它只是传递了函数体所在的地址位置,在需要的时候好找到函数体去执行。 因为JavaScript里括弧()里面不能包含语句,所以在这个形式上,解析器在解析function关键字的时候,会将相应的代码解析成function表达式,而不是function声明。
5.编码实战
6.扩展思考
自执行函数有哪些用处?
javascript中没用私有作用域的概念,如果在多人开发的项目上, 你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉, 根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域, 用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量, 所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。 JQuery使用的就是这种方法,将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中, 在全局作用域中调用JQuery代码时,可以达到保护JQuery内部变量的作用。
7.参考文献
参考二:Javascript高级程序设计
8.更多讨论
匿名函数和闭包的区别
匿名函数:简单的来说就是没有名字的函数
闭包的含义:闭包说白了就是函数的嵌套,内层的函数可以使用外层函数的所有变量,即使外层函数已经执行完毕(这点涉及JavaScript作用域链)
问题:
1.window.onload是什么?
答:让我来理解就是当加载完页面时直接调用函数(简单点来说就是自动执行函数)
2. 自执行函数的常用写法?
答:请点击
3.自执行函数的应用场景?
答:觉得没什么好说的,需要自执行函数的时候,要用的时候就用了