一个个人认为很重要的东西,然而却只要了解就可以的东西
重要是因为他可以帮助我们更好的理解浏览器执行代码的过程,学会基本就 明白的变量在函数中调用时值的变化情况.
在调试面板中
callstack中有一个anonymous 是全局的执行上下文,仅此一个
在函数调用时,在call stack每个函数都会产生一个函数执行上下文,名字就是函数名,调用一次,就有一个,调用结束,删除
而函数嵌套时,调用就会形成执行上下文栈, 会有入栈和出栈
入栈和出栈的顺序是就像是我们从大门进入院中,在进入房间,出的时候也是先出房间再出院子,最后出大门.是层级关系.
执行上下文的作用
代码要执行,需要访问吸血数据,这些数据就在执行上下文中
函数执行上下文时,执行步骤是分为两步,分别为:
a)自己的 先找自己的形参,自己定义的局部变量...,看有没定义,有则用自己的
b)父级的 如果自己没有定义变量,则找他的父级,父级没有再找爷爷级,如果一直都没有,报个错.
var a =1;
function f(){
a= 2;
function ff(b){
b=2;
}
}
console.log(a);
console.log(b);
结果是2和错误,
a是这样找的,先找自己,自己没有,找父级,父级定义了var a=1;所有这时a=2改变的就是父级的a的值,而b是这样找的,先找自己,发现形参定义了一个变量b,所有直接将自己的形参b的值赋为2,而出栈后,其值就被销毁了,而console时,先找自己,发现没有,再找父级.发现自己就是全局变量,所有没有值,直接报错.