一言难尽的js变量提升面试题

Posted 2021-01-11 sexintercourse

 

全局作用域和局部作用域

全局作用域：整个JS执行环境

局部作用域：通过创建一个函数就开辟出了一个局部作用域

 

全局变量和 局部变量

全局变量：在全局作用域都可以访问的变量

局部变量：只能在当前局部作用域访问的

 

变量声明提升：

如果变量声明在函数里面，则将变量声明提升到函数的开头

如果变量声明是一个全局变量，则将变量声明提升到全局作用域的开头

 

变量运行（搜索）机制：

首先看，有没有局部作用域

如果有，查找是不是这个局部作用域定义的变量

如果不是，寻找上一级作用域，直到找到全局作用域

如果全局作用域也找不到这个变量，这个变量就是未定义的 undefined

 

第一题：

var a=1;
function test(){
    console.log(a);
    var a=1;
}
test();

根据变量声明提升和变量搜索机制，函数test（）应为

function test(){
    var a;
    console.log(a);//此时由于a并咩有被赋值，所以也就是undefined
        a=1;
 
}

第二题：

var b=2;
function test2(){
    window.b=3;
    console.log(b);//值为3
}
test2();

任何通过附加在window上的变量都相当于声明一个全局变量，或者是给全局变量赋值

 

第三题：

c=5; 
function test3(){
    window.c=3;
    console.log(c);
    var c;
    console.log(window.c);
}
test3();

根据变量声明提升和变量搜索机制：

c=5;//声明一个全局变量c 
function test3(){
        var c;//变量声明提升，声明一个局部变量
    window.c=3;//改变全局变量c的值
    console.log(c);//由于此时的c是一个局部变量c，并且没有被赋值 c就是undefined    
    console.log(window.c);//此时的c就是一个全局变量c，也就是值为3
}
test3();