前言
前面几篇说了执行环境相关的概念,本篇在次回顾下
执行环境(Execution context,简称 EC,也称执行上下文 )
定义了变量或者函数有权访问的数据,决定了各自行为,每个执行环境都有一个变量对象,之前我说执行环境可以先理解为 js 代码执行时所在的环境,其实把上下文当做是一个对象应该差不多了.注意:每调用一次函数都会创建一个执行上下文,而且将这个上下文压入执行环境栈的顶部,无论是函数内部的函数,还是递归调用等;
全局执行环境是最后的一个执行环境,在 web 中全局执行环境是 window 对象,js 引擎一开始默认进入全局执行环境
执行环境栈
执行环境栈的作用是为了保证程序能够按照正确的顺序被执行,当执行流进入一个函数时,函数的执行上下文就会被推入这个环境栈中的顶端,当函数执行完毕之后,栈将这个执行上下文弹出,然后把控制权返回给之前的执行上下文.这样实现的原因是由于 Javascript 解释器是单线程的,也就是同一时刻只能发生一件事情,其它等待执行的上下文会在这个环境栈中排队等待.
变量对象
变量对象是与执行上下文相关的数据作用域.它是一个与上下文相关的特殊对象,其中存储了在上下文中定义的变量,函数声明,形参.即一般 VO 中会包含以下信息:
var 声明的变量
函数声明
函数的形参
作用域链
保证对执行环境有权访问的所有变量和函数有序的访问,作用域链的顶端始终都是当前执行环境的变量对象;
如果看完前面几篇,现在在回头看看这些概念是不是有点感觉了;
执行环境分析
开始的时候认为 js 代码跟 html 一样都是从上到下开始执行,解析,其实我认为这种说法在 js 中不太准确,因为 js 在初始化变量对象的时候存在声明提前的情况.
下面分析下执行环境的一些细节,有错误的地方欢迎指正.
JavaScript 是按照代码块来进行编译和执行,代码块之间相互独立,但是变量和方法共享 如下
下面的代码块一中运行报错,但是不影响代码块二中代码的执行,这是因为代码块的独立性,代码块二能调用代码块一中的变量,这是因为代码块中的共享性.
<script>
console.log("这是代码块一");
</script>
<script>
console.log("这是代码块二");
</script>
全局初始化
<script>
var str = "Hello JavaScript";
console.log(str_test); //执行结果: 报错 str_test is not defined . 没有定义这个变量
</script>
<script>
console.log(str); //输出Hello JavaScript,因为在代码块一中定义了str
</script>
当第一次加载
来源: https://www.cnblogs.com/CandyManPing/p/8278283.html