浏览器对javascript“定义式”函数、“赋值式”函数解析顺序

 

JavaScript是一种描述型脚本语言，由浏览器进行动态的解析与执行。函数的定义方式大体有以下两种，浏览器对于不同的方式有不同的解析顺序。

 

//“定义式”函数定义

function Fn1(){

    alert("Hello World!");

}

//“赋值式”函数定义

var Fn2 = function(){

    alert("Hello world!");

}

页面加载过程中，浏览器会对页面上或载入的每个js代码块(或文件)进行扫描，如果遇到定义式函数，则进行预处理(类似于C等的编译)，处理完成之后再开始由上至下执行；遇到赋值式函数，则只是将函数赋给一个变量，不进行预处理，待调用到的时候才进行处理。

 

//“定义式”函数定义

Fn1();

function Fn1(){

    alert("Hello World!");

}

正常执行，弹出“Hello World!”，浏览器对Fn1进行了预处理，再从Fn1();开始执行。

//“赋值式”函数定义

Fn2();

var Fn2 = function(){

    alert("Hello world!");

}

Firebug报错：Fn2 is not a function，浏览器未对Fn2进行预处理，依序执行，所以报错Fn2未定义。