您的位置:首页 > Web前端 > JavaScript

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

2016-03-22 20:45 295 查看

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

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

执行流


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


<script>
fn1()   //fn1
function fn1(){alert('fn1');}
</script>

<script>
fn1()   //error
</script>
<script>
function fn1(){alert('fn1');}
</script>


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


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


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


执行环境

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

执行环境栈


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


var a = 0;
function hello(){
a = a+1;
}
hello()


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


作用域链

var a = 0;
function hello(){
a = a+1;
}
hello()


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



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


其实也就这么点东西,还是得多做做题,加深对这些概念的理解,深入学习,下午看的主要结论就是,概念看了谁都懂,主要还是得做一些不那么常规的题巩固记忆,和加深对概念的认识,OK.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: