执行上下文
变量提升与函数提升变量声明提升
[*]通过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
面试题
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); //报错--变量先被提升--函数后被提升--变量最后被赋值--因此不是函数，不能被调用
来源:https://www.cnblogs.com/Liu-h/p/17337906.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！
页:
[1]