小课堂对于自执行函数的理解:
什么是自执行函数?
网上对这种类型的函数的叫法众说纷纭。
有的人说是立即调用函数,有的人说自动执行函数,并没有一个清晰的概念。
叫它为“自执行”函数也行,称呼为“立即调用的函数表达式”也可以。
什么是函数?
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 函数能接受输入的参数,不同的参数会返回不同的值。
函数的声明:
使用function命令声明的函数叫函数的声明。
function命令后面是函数名,函数名后面是一对圆括号,
里面是传入函数的参数。函数体放在大括号里面。
函数声明后不会立即执行,会在我们需要的时候调用到。
如下例子:
function print(s) {
console.log(s);
}
函数表达式:
JavaScript 函数可以通过一个表达式定义。函数表达式存储在变量中.如:var x = function (a, b) {return a * b};
在函数表达式存储在变量后,变量也可作为一个函数使用。这种形式的函数实际上是一个 匿名函数 (函数没有名称)。
函数存储在变量中,通过变量名来调用。函数需要以分号结尾,因为它是一个执行语句。
构造函数;
函数通过内置的 JavaScript 函数构造器(Function())定义: var myFunction = new Function("a", "b", "return a * b");
自执行函数:
自执行函数,可以让函数在定义后立即被执行.
主要用于创建一个新的作用域,在此作用域内声明的变量,
不会和其它作用域内的变量冲突或混淆,
大多是以匿名函数方式存在,且立即自动执行。语法形如:
(function( ){
console.log("test");
})( );
或者
(function( ){
console.log("test");
}( ));
还有一些流行的jQuery库:
(function( window, undefined ) {
// code here
}) ( window );
如何使用自执行函数:
对于函数表达式,在后面加括号即可以让函数立即执行;例如下面这个函数;
var a=function(){
alert("你好");
}();
但是对于下面这个函数就会报错:
function (){
alert("大家好");
}();
如何让这种匿名函数直接执行,这就用到今天讲的自执行函数。用括号将整个函数包裹起来;
(function (){
alert("大家好");
}());
函数只要是要调用它进行执行的,都必须加括号。此时,函数实际上等于函数的返回值或者执行效果,
当然,有些没有返回值,但已经执行了函数体内的行为,就是说,加括号的,就代表将会执行函数体代码。
不加括号的,都是把函数名称作为函数的指针,一个函数的名称就是这个函数的指针,此时不是得到函数的结果,
因为不会运行函数体代码。它只是传递了函数体所在的地址位置,在需要的时候好找到函数体去执行。
因为JavaScript里括弧()里面不能包含语句,所以在这个形式上,解析器在解析function关键字的时候,会将相应的代码解析成function表达式,而不是function声明。
小课堂提问;
1自执行函数有哪些用处?
javascript中没用私有作用域的概念,如果在多人开发的项目上,
你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,
根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,
用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量,
所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。
JQuery使用的就是这种方法,将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中,
在全局作用域中调用JQuery代码时,可以达到保护JQuery内部变量的作用。
2 函数声明和匿名函数为何不能直接在后面加()实现自执行:
因为在解析器解析全局函数的或者函数的内部函数关键字的时候,默认是认为函数声明。而不是一个函数表达式,如果你不显示告诉编译器,他默认会声明成一个缺少名字的函数,并抛出一个语法错误。因为函数声明需要一个名字:
3 为何给函数声明后面加上()也会报错?
报错的原因和匿名函数报错的原因不一样,在一个表达式后面加上()函数会立即执行,但是在一个语句后面加上()。是完全不一样的意思,他的知识分组操作符。
网友评论