javascript学习笔记--javascript执行顺序详解
2016-10-16 22:38
295 查看
1.代码块
JS是按照代码块来进行编译和执行的,代码块间相互独立,但变量和方法共享。<script type="text/javascript"> alert(str);//因为没有定义str,所以浏览器会出错,下面的不能运行 alert("我是代码块一");//没有运行到这里 var test = "我是代码块一变量"; </script> <script type="text/javascript"> alert("我是代码块二"); //这里有运行到 alert(test); //弹出"我是代码块一变量" </script>
代码中代码块一中运行报错,但不影响代码块二的执行,这就是代码块间的独立性,而代码块二中能调用到代码一中的变量,则是块间共享性。
2.函数定义之声明式函数与赋值式函数
<script type="text/javascript"> function Fn(){ //声明式函数 } var Fn = function{ //赋值式函数 } </script>
声明式函数与赋值式函数的区别在于:在JS的预编译期,声明式函数将会先被提取出来,然后才按顺序执行js代码。
3.预编译期和执行期
JS的解析过程分为两个阶段:预编译期(预处理)与执行期。
预编译期JS会对本代码块中的所有声明的变量和函数进行处理,但需要注意的是此时处理函数的只是声明式函数,而且变量也只是进行了声明但未进行初始化以及赋值。
<script type="text/javascript"> Fn(); //执行结果:"执行了函数2",同名函数后者会覆盖前者 function Fn(){ //函数1 alert("执行了函数1"); } function Fn(){ //函数2 alert("执行了函数2"); } </script>
<script type="text/javascript"> Fn(); //执行结果:"执行了声明式函数",在预编译期声明函数及被处理了,所以即使Fn()调用函数放在声明函数前也能执行。 function Fn(){ //声明式函数 alert("执行了声明式函数"); } var Fn = function(){ //赋值式函数 alert("执行了赋值式函数"); } </script>
//代码块一 <script type="text/javascript"> alert(str);//浏览器报错,但并没有弹出信息窗 </script> //代码块二 <script type="text/javascript"> alert(str); //弹窗"undefined" var str = "aaa"; </script> //js在预处理期对变量进行了声明处理,但是并没有进行初始化与赋值,所以导致代码块二中的变量是unfiened
相关文章推荐
- JS学习笔记 – 分析 JavaScript的执行顺序
- 《JavaScript高级程序设计 第三版》学习笔记 (六) 函数与闭包详解
- 《JavaScript高级程序设计 第三版》学习笔记 (五) 继承详解
- javascript程序的执行与顺序详解
- SHELL脚本攻略(学习笔记)--1.3 多命令逻辑执行顺序
- javascript学习笔记(七):事件详解
- Python学习笔记(15)-Python代码转换为exe可执行程序详解
- javascript运行机制之执行顺序详解
- 实例详解JavaScript中setTimeout函数的执行顺序
- 7.vue入门基础学习笔记-视图更新执行顺序
- JavaScript学习笔记3-附录(Java的各类型数据在内存中分配情况详解)
- JavaScript学习笔记8-jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别
- 高性能JavaScript--加载和执行(简要学习笔记一)
- MVC学习笔记---MVC框架执行顺序
- Javascript学习笔记2.2 Javascript与DOM选项卡(滑动门)案例详解
- JavaScript执行顺序详解
- js执行顺序——学习笔记
- JavaScript学习笔记03——子表达式运算顺序
- 韩顺平 javascript教学视频_学习笔记5_js三大流程控制(顺序流程、分支控制、循环控制)
- [原创]java WEB学习笔记45:自定义HttpFilter类,理解多个Filter 代码的执行顺序,Filterdemo:禁用浏览器缓存的Filter,字符编码的Filter,检查用户是否登陆过的Filter