执行上下文
变量提升与函数提升
变量声明提升
- 通过var定义(声明)的变量--在定义语句之前就可以访问到
- 值为undefined
console.log(a); //undefined
var a = 1;
//执行顺序
var a;
console.log(a);
a = 1;
函数声明提升
- 通过function声明的函数--在之前就可以直接调用
- 值为函数定义(对象)
fn();//可调用
function fn(){
conse.log('哈哈');
}
执行上下文
代码分类--位置
全局代码
函数(局部)代码
全局执行上下文
-
在执行全局代码前将window确定为全局执行上下文
- 对全局数据进行预处理
- var定义的全局变量-->undefined--添加为window的属性
- function声明的全局函数-->赋值--添加为window的方法
- this-->赋值window
- 开始执行全局代码
//全局执行上下文 console.log(a1, window.a1); //undefined undefined a2(); //a2(); console.log(this); //window var a1 = 3; function a2() { console.log('a2()'); } console.log(a1);
函数执行上下文
-
在调用函数--准备执行函数体之前--创建对应的函数执行上下文对象--虚拟的,存在于栈中
- 对局部数据进行预处理
- 形参变量-->赋值(实参)--添加为执行上下文的属性
- arguments-->赋值(实参列表)--添加为执行上下文的属性
- var定义的局部变量-->underfined--添加为执行上下文的属性
- this-->赋值(调用函数的对象)
- 开始执行函数体代码
//函数执行上下文 function fn(a1) { console.log(a1); //2 console.log(a2); //undefined a3(); //a3 console.log(this); //window console.log(arguments); //2,3 var a2 = 4; function a3() { console.log('a3'); } } fn(2, 3);
执行上下文栈
- 在全局代码执行前--JS引擎会创建一个栈来存储管理所有的执行上下文对象
- 在全局执行上下文(window)确定后--将其添加到栈中(压栈)
- 在函数执行上下文创建后--将其添加到栈中(压栈)
- 在当前函数执行完后--将栈顶的对象移除(出栈)
- 当所有代码执行完成后--栈中只剩下window
<script>
//执行全局上下文
var a = 10;
var bar = function (x) {
var b = 5;
foo(x + b); //进入foo执行上下文
}
var foo = function (y) {
var c = 5;
console.log(a + c + y);
}
bar(10); //进入bar函数执行上下文
</script>
面试题
console.log('gb:' + i);
var i = 1;
foo(1);
function foo(i) {
if (i == 4) {
return;
};
console.log('fb:' + i);
foo(i + 1);
console.log('fe:' + i);
}
console.log('ge:' + i);
function a(){};
var a;
console.log(a); //f a(){}--变量先被提升--函数覆盖变量后提升
if(!(b in window)){
var b = 1;
}
console.log(b); //undefined--变量先被提升为全局变量
var c = 1;
function c(c){
var c = 3;
}
c(2); //报错--变量先被提升--函数后被提升--变量最后被赋值--因此不是函数,不能被调用