当前位置：Gxlcms > JavaScript > js程序执行与顺序实现详解_javascript技巧

js程序执行与顺序实现详解_javascript技巧

时间：2021-07-01 10:21:17 帮助过：11人阅读

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

 代码如下:
 
//“定义式”函数定义 
function Fn1(){ 
alert("Hello World!"); 
} 
//“赋值式”函数定义 
var Fn2 = function(){ 
alert("Hello wild!"); 
} 
 
页面加载过程中，浏览器会对页面上或载入的每个js代码块(或文件)进行扫描，如果遇到定义式函数，则进行预处理(类似于C等的编译)，处理完成之后再开始由上至下执行；遇到赋值式函数，则只是将函数赋给一个变量，不进行预处理(类似1中变量必须先定义后引用的原则)，待调用到的时候才进行处理。下面举个简单的例子： 
代码如下:

 代码如下:
 
//“定义式”函数定义 
Fn1(); 
function Fn1(){ 
alert("Hello World!"); 
} 
 
正常执行，弹出“Hello World!”，浏览器对Fn1进行了预处理，再从Fn1();开始执行。 
代码如下:

 代码如下:
 
//“赋值式”函数定义 
Fn2(); 
var Fn2 = function(){ 
alert("Hello wild!"); 
} 
 
Firebug报错：Fn2 is not a function，浏览器未对Fn2进行预处理，依序执行，所以报错Fn2未定义。 

3. 代码块及js文件的处理 
“代码块”是指一对