函数声明、函数表达式、匿名函数、立即执行函数详解

 定义函数的方式有三种：

1.函数声明：     function  函数名称  （参数：可选）   {   函数体  }

2.函数表达式： var express= function  函数名称：可选  （参数：可选）   {  函数体 }      

3.构造函数：     var fun =new  Function(参数：可选);

最常用的是函数声明和函数表达式。

一：函数声明

从上面的定义可以看出，函数声明是以关键字function开头声明一个函数，然后必须具备一个函数名称。

函数声明有一个非常重要的特征：函数声明提升，javascript引擎在解析代码时，函数声明将会被提升到当前作用域的顶部（跟变量提升非常类似）。正是因为这个特征，所以可以把函数声明放在调用它的语句后面。

 如下例：

foo("hello");   //输出  hello

function foo(name){

console.log(name);

}

二：函数表达式

从上面的定义可以看出，函数表达式是作为表达式语句的一部分存在；当它没有函数名称的时侯，则称为匿名函数；

匿名函数：function ( 参数 ) { 函数体 }   匿名函数属于函数表达式。

函数表达式与函数声明的区别是：函数表达式必须等到Javascirtp引擎执行到它所在行时，才会从上而下一行一行地解析函数表达式，所以，调用它的语句不可以放在它之前。

如下例：

express();  //报错，函数调用必须在函数表达式之后

console.log(express);  //undefined   变量提升

var express=function () {

console.log("hello word!");

}

三：立即执行函数

先看几个例子：

var express=function () {

console.log("hello word!");

}();    //运行，发现函数直接执行，结果输出了"hello word!"

 

function () {

console.log("hello word!");

}();   //报错    Uncaught SyntaxError: Unexpected token )   

因为以function开头，认为是函数声明，结果没有函数名，就报错了

 

function foo() {
console.log("hello word!");
}();   //报错    Uncaught SyntaxError: Unexpected token )    （注意：网上好多文章写的不报错，一看就没有自己验证过）   

虽然，这个function在语法上没问题，但是依然只是一个语句，加上括号依然报错，是因为语句中的分组操作符要包含表达式。

 

综上，我们可以得到，在函数表达式后面紧跟一个小括号（），函数会立即执行，两大要点是：表达式、括号（）；

所以，立即执行函数的写法就是：

( function(){…} )() 或  ( function (){…} () )  

这里的括弧是消除歧义的，它告诉解析器，里面的内容是表达式。

 

 

 

 

转载于:https://www.cnblogs.com/lichunyan/p/7894867.html