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

最新推荐文章于 2021-03-23 09:48:21 发布

飞天代码

最新推荐文章于 2021-03-23 09:48:21 发布

阅读量469

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weiyongliang_813/article/details/50102625

javascript 专栏收录该内容

26 篇文章

订阅专栏

本文深入解析JavaScript中的函数级作用域特点，并通过实例说明变量声明提前的概念及其对代码执行的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

函数级作用域，终于理解了这个概念，工作初期学习的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 李四