javascript权威指南学习笔记(三)

阳光穿透心脏的1/2处 2022-08-17 15:25 196阅读 0赞

函数级作用域，终于理解了这个概念，工作初期学习的java，对块级作用域理解的比较深，后来学习js后，发现变量作用域跟java有差异，但也没有怎么去深究，这次看书才真正理解了

function test(a){ 
        var i=a;
        if(typeOf a=="object"){
            var j=123;//j在函数体内是有定义的
        }
        console.log(j);
    }
    test(123);//这里输出的j是undefined
    test(new Object());//这里输出的j是123

如果采用java、c的块级作用域来理解该代码的话，console.log(j);应该是在块级作用域外，应该始终是没法初始化的。  
实际情况是js采用的不是块级作用域，而是采用函数级作用域。  
test(123);输出undefined是因为 typeof a！=”object”而无法执行j赋值操作而已。

函数作用域是指函数内声明的所有变量，在函数内部始终可见。有意思的是，这就意味着变量在声明前就可以使用了，这个特性也被称为声明提前，函数里所有变量都被提前至函数体顶部，上面的代码等同于：

function test(a){ 
        var i;//声明提前
        var j;//声明提前
        i=a;
        if(typeOf a=="object"){
            j=123;
        }
        console.log(j);
    }

这样改动后，理解起来就简单咯。

js面试题里经常会有这种题目

name=“张三”；
    
    function getName(){
        console.log(name);
        var name="李四";
        console.log(name);
    }
    问输出的结果
    getName();

如果理解了前面提到的函数作用域，以及申明提前，这代码就一目了然咯

name=“张三”；
    
    function getName(){ 
        var name;
        console.log(name);
        name="李四";
        console.log(name);
    }
    getName();//输出 undefined 李四