【小白鲨笔记】js面试题（四）

四、Js作用域

1. 除了函数之外，js没有作用域

2. 作用域链：内部可以访问外部变量，外部不可以访问内部变量（优先找内部）

3. 声明变量为var则为当前作用域有效，没有声明var相当于window下都可以（a = 10 // 相当于window.a = 10）

4. Js中又变量提升/悬挂机制：用var声明会使该变量声明提升到使用前

   // 相当于在这个位置：var a; // a = undefined
   console.log(a) // undefined
   var a = 10;
   

5. 优先级：声明变量 > 声明普通函数 > 参数 > 变量提升

   function fn(a){
       var a = 10 //1st
       function a(){} //2nd
       console.log(a)
       // var a = 20 // 4th
   }
   fn(100) // 3rd
   

6. 普通声明函数是不看写函数时的顺序

   fn() // 不管在上面写还是下面写都是会被调用的
   function fn(){
       console.log(a) // a = f(){}
       // var a = 10 // 无论有没有这行，a都等于函数
       function a(){}
   }
   // fn()
   

考题1：

function fn(){
    var b = 1
    function a(){
        // 变量提升：b为undefined = var b；
        console.log(b) // undefined
        var b = 2 // 该作用域下有b变量声明 - 变量提升
        console.log(b) // 2
    }
    a()
    console.log(b) // 1
}
fn() // 打印：undefined、2、1

考题 2：

var name = 'a'
(function(){
    // 注意：块级作用域function
    // var b
    if (typeof name == 'undefined'){
        var name = 'b' // 变量提升
        console.log('111' + name)
    } else {
        console.log('222' + name)
    }
})() // 打印：111b

总结作用域注意点

1. 当前作用域有没有该变量：注意变量提升

2. js除了函数外没有块级作用域

3. 普通声明函数不关心写时的顺序