我所理解的JS执行环境和作用域链

看了一些网上的关于JS机制的文章,结合自己在书上看的和自己的理解,把吸收到的捋捋直

执行流

JS包含在HTML文件里的外部文件里或者内嵌script中,每个文件或者代码块都是单独扫描的

1
2
3
4
<script>
fn1() //fn1
function fn1(){alert('fn1');}
</script>

1
2
3
4
5
6
<script>
fn1() //error
</script>
<script>
function fn1(){alert('fn1');}
</script>

浏览器扫描此代码块 然后将具名函数的声明做预处理,然后代码按顺序执行

注意是在同一代码块中哦,浏览器对每个代码块或者文件都是单独扫描的,也就是说预处理的作用范围是单个代码块

之后按照全局顺序开始执行代码,执行流下行

执行环境
每个函数都有自己的执行环境,当执行流进入函数时,会为函数生成一个执行环境和执行环境关联的变量对象,变量对象中存着定义在执行环境中的所有变量和函数,JS的全局环境是window对象
执行环境栈

为保证代码有序地执行,通过执行流流过的顺序,执行环境依次入栈出栈

1
2
3
4
5
var a = 0;
function hello(){
a = a+1;
}
hello()

全局环境入栈->执行到第5行把hello()执行环境推到栈顶->hello()出栈,执行流重新回到上一层环境

作用域链

1
2
3
4
5
var a = 0;
function hello(){
a = a+1;
}
hello()

当执行流到达第2行时,它不会进入hello()因为它还没有被调用,只是把hello()函数上的作用域链的钩子指向全局函数的变量对象

当执行流到达第5行时,创建hello()的执行环境,生成自己的变量对象,并将作用域链的钩子挂到此时的 全局变量对象上

其实也就这么点东西,还是得多做做题,加深对这些概念的理解,深入学习,下午看的主要结论就是,概念看了谁都懂,主要还是得做一些不那么常规的题巩固记忆,和加深对概念的认识,OK.

0%