浏览器对javascript“定义式”函数、“赋值式”函数解析顺序
2011-07-04 16:32
330 查看
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未定义。
//“定义式”函数定义 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未定义。
相关文章推荐
- javascript的解析执行顺序在各个浏览器中的不同
- JavaScript 全面解析各种浏览器网页中的JS 执行顺序
- JavaScript:全面解析各种浏览器网页中的JS代码的执行顺序
- JavaScript 全面解析各种浏览器网页中的JS 执行顺序
- JavaScript:全面解析各种浏览器网页中的JS代码的执行顺序
- js-“定义式”函数-“赋值式”函数-执行顺序
- javascript的函数类别及声明函数的解析顺序
- JavaScript 全面解析各种浏览器网页中的JS 执行顺序
- javascript的解析执行顺序在各个浏览器中的不同
- Jquery源码解析---利用队列来实现函数的顺序执行
- JavaScript关于自调用循环函数解决代码加载顺序的问题
- 关于html和javascript在浏览器中的加载顺序问题的讨论
- 手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
- javascript两种声明函数的方式的一次深入解析
- JavaScript学习--Item6 var预解析与函数声明提升(hoist )
- javascript的执行顺序/函数声明和函数表达式的区别
- JavaScript解析Json字符串 众浏览器性能比较
- javascript下4个跨浏览器必备的函数
- Firefox, IE等不同浏览器对JavaScript,CSS不同解析问题
- javascript代码块:在HTML页面加载完成后按顺序执行函数