怎么创建个人的网站,wordpress 特点,南宁网络推广建站,如何用ps做网站图标大家有没有想过#xff0c;一段javascript脚本从载入浏览器到显示执行都经过了哪些流程#xff0c;其执行次序又是如何。本篇博文将引出javascript执行模型的概念#xff0c;并带领大家理解javascript在执行时的处理机制。 简单的开始 简单的代码#xff1a; script ty… 大家有没有想过一段javascript脚本从载入浏览器到显示执行都经过了哪些流程其执行次序又是如何。本篇博文将引出javascript执行模型的概念并带领大家理解javascript在执行时的处理机制。 简单的开始 简单的代码 script typetext/javascript srcxxx.js/script
script typetext/javascriptvar i 10;function say(msg){alert(msg);}
/script
script typetext/javascriptj100;say(hello world);
/script 上面代码段的运行顺序是 step1. 读入第一个代码段
step2. 做语法分析有错则报语法错误比如括号不匹配等并跳转到step5
step3. 创建全局执行环境(对var变量和function定义做预解析)
step4. 执行代码段(调用函数、进入eval时都会创建新的执行环境)有错则报错比如变量未定义
step5. 如果还有下一个代码段则读入下一个代码段重复step2
step6. 结束 对于step1中的脚本段指的是script... .../script标签中的内容还包括外部引入的脚本文件如script srcxxx.js/script也被列是脚本段的范畴。那step2中的语法分析又是什么呢简单的理解语法分析就是查看Javascript代码的语法结构是否正确。如: script typetext/javascript
var a 10;
if(a10{alert(yes);
}
/script 很明显代码无法通过语法分析if这个条件语句的输写语法是错误的。step3和step4中的执行环境是指什么全局执行环境和调用函数创建的执行环境有什么区别?执行环境内部又有哪些处理?... ... 注下面的部分内容为原来《javascript提速_01_引用变量优化》一文中的前两节的完整版本。 关于执行环境(Execution Context) 所有 JavaScript 代码都是在一个执行环境中被执行的。它是一个概念一种机制用来完成JavaScript运行时作用域、生存期等方面的处理。 可执行的JavaScript代码分三种类型1. Global Code即全局的、不在任何函数里面的代码例如一个js文件、嵌入在HTML页面中的js代码等。2. Eval Code即使用eval()函数动态执行的JS代码。3. Function Code即用户自定义函数中的函数体JS代码。 不同类型的JavaScript代码具有不同的Execution Context 在一个页面中第一次载入JS代码时创建一个全局执行环境当调用一个 JavaScript 函数时该函数就会进入相应的执行环境。如果又调用了另外一个函数或者递归地调用同一个函数则又会创建一个新的执行环境并且在函数调用期间执行过程都处于该环境中。当调用的函数返回后执行过程会返回原始执行环境。因而运行中的 JavaScript 代码就构成了一个执行环境栈。 让我们来看一个示例 script typetext/javascriptfunction Fn1(){function Fn2(){alert(document.body.tagName);//BODY//other code...}Fn2();}Fn1();//code here
/script 以上是程序从上到下执行时的执行环境栈情况图。 补充说明 全局执行环境对应的是Global Code(全局代码) Fn1执行环境、Fn2执行环境通称为函数执行环境对应的是Function Code(函数定义代码) 程序在进入每个执行环境的时候都会创建一个叫做Variable Object的对象。 针对于函数执行环境函数对应的每一个参数、局部变量、内部方法都会在Variable Object上创建一个属性属性名为变量名属性值为变量值。针对于全局执行环境具有相同的行为。但是要强调的一点是在全局执行环境中Varible Object就是Global Object,关于Global Object在《理解Javascript_03_javascript全局观》中已经说明了可以简单的理解为window对象。这也就解释了全局方法和全局变量为什么都是window对象的属性或方法的原因请看如下代码 var num 123;
alert(window.num);//123
function say(msg){alert(msg);
}
window.say(hello);//hello 最后要说的是Variable Object对象是一个内部对象JS代码中无法直接访问。 关于Scope/Scope Chain 在访问变量时就必须存在一个可见性的问题这就是Scope。更深入的说当访问一个变量或调用一个函数时JavaScript引擎将不同执行位置上的Variable Object按照规则构建一个链表在访问一个变量时先在链表的第一个Variable Object上查找如果没有找到则继续在第二个Variable Object上查找直到搜索结束。这也就形成了Scope Chain的概念。 作用域链图清楚的表达了执行环境与作用域的关系(一一对应的关系)作用域与作用域之间的关系(链表结构由上至下的关系)。 注本文仅仅从全局角度的看待javascript执行模型因此不够深入具体执行细节请参见后续博文。 参考 http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html
http://www.cn-cuckoo.com/2007/08/01/understand-javascript-closures-72.html
http://lifesinger.org/blog/2009/01/javascript-run-mechanism/转载于:https://www.cnblogs.com/fool/archive/2010/10/16/1853326.html
