函数声明、函数表达式、匿名函数、立即执行函数详解
定义函数的方式有三种:
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 (){…} () )
这里的括弧是消除歧义的,它告诉解析器,里面的内容是表达式。