jQuery1.0.1 -- jQuery1.0.2 之函数表达式与函数声明

如上图所示，这一个小版本的更新是函数声明 转变成了函数表达式。

在介绍这一内容之前，先说下声明提前，函数声明提前是函数声明和函数表达式的重要区别。

变量声明提前

变量在声明它们的脚本或函数中都是有定义的，变量声明语句会被提前到脚本或函数的顶部。但是，变量初始化的操作还是在原来var语句的位置执行，在声明语句之前变量的值是undefined。 举个例子:

var handsome='handsome';function handsomeToUgly(){ alert(handsome); var handsome='ugly'; alert(handsome); } handsomeToUgly();

正确的输出结果是： 先输出undefined，然后输出ugly。

这里正是变量声明提前起到的作用。该handsome局部变量在整个函数体内都是有定义的，在函数体内的handsome变量覆盖住了同名的handsome全局变量，因为变量声明提前，即var handsome被提前至函数的顶部，就是这个样子：

var handsome='handsome';
function handsomeToUgly(){    
  var handsome;
 alert(handsome);   
  handsome='ugly';
 alert(handsome);
}
handsomeToUgly();

注： 变量声明提前只是声明提前，初始化不提前

函数声明提前

sayTruth();<!-- 函数声明 -->
function sayTruth(){
   alert('myvin is handsome.');
}

弹出：myvin is handsome

注：函数的声明提前是函数名称和函数体均提前，即脚本中所有函数和函数中所有嵌套的函数都会提前在当前上下文中其他代码之前声明。

也就是说：函数定义不能出现在if语句、while语句或其他任何语句中。也正是由于函数声明位置的这一限制，ES标准并没有将函数声明归类为真正的语句。

例如：

sayTruth();
if(1){
    function sayTruth(){
      alert('myvin is handsome')
    };
}else{
    function sayTruth(){
      alert('myvin is ugly')
    };
}小伙伴们自行尝试（输出结果为：myvin is ugly）

函数表达式

sayTruth();<!-- 函数表达式 -->
var sayTruth=function(){
   alert('myvin is handsome.');
}会弹出：undefiend

函数表达式为什么会出现这样的输出情况，可以根据变量声明提前退出。

函数声明是在预执行期执行的，就是说函数声明是在浏览器准备执行代码的时候执行的。因为函数声明在预执行期被执行，所以到了执行期，函数声明就不再执行了。

之后会有“函数声明和函数表达式的异同”，“JavaScript的一等公民----函数”等文章。