js 作用域面试题

签到赢福利

于 2020-07-16 23:11:23 发布

阅读量2.5k

点赞数 6

本文链接：https://blog.csdn.net/hahalalalalalala/article/details/107386666

版权

本文探讨JavaScript中的作用域概念，解释为何代码中显示20但实际上输出为10的原因。通过示例说明函数有自己的执行环境，即使在其他函数内调用，仍保留其原有作用域。同时，讨论了预解析、事件循环、回调函数，以及闭包在事件循环中的应用，强调了var声明的变量无块级作用域，let声明的变量具有块级作用域。通过对比两种代码示例，解释了如何利用立即执行函数实现预期的闭包效果。

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

下列代码块输出什么

var x = 10;
function fn() {
    console.log(x)
}
function show(f) {
    var x= 20;
    f();
}
show(fn);

用自己的话来说清楚：

调用show函数，并把fn作为参数传入show函数
此时好像变成了

		function show(f) {
		    var x= 20;
		    function fn() {
		    console.log(x)
		  }
		}

乍一看结果就是20，但结果其实是10
每个函数都有自己独立的执行环境，在代码完成的时候就确定了自己的作用域。卡住你的点就在于show函数的形参是一个函数，fn函数传进去的话好像变成了show函数的一个子函数了，其实不是的，你可以理解成就是请fn来帮忙，那fn还是以自己的风格来做事。虽然fn被show调用了，但还是在自己的执行环境里面行动的。

下面代码输出什么

		var fn = function () {
            console.log(fn)
        }
        fn();
        var obj = {
            fn2:function () {
                console.log(fn2);
            }
        }
        obj.fn2();