变量提升与作用域链

最新推荐文章于 2024-08-26 11:53:53 发布

qq_43081499

最新推荐文章于 2024-08-26 11:53:53 发布

阅读量84

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_43081499/article/details/125408001

版权

本文通过一个JavaScript代码示例，详细解释了变量预编译的执行原理，包括变量提升和函数作用域。在测试函数执行过程中，变量b在函数内部未定义，而变量c被提升到全局作用域。理解这一机制对于避免代码中的意外行为至关重要。

摘要由CSDN通过智能技术生成

最近发现一个比较神奇的问题，可以一起看一下

function test(){
	console。log(b)
    if(a) {
        var b = 100
    }
    c = 234
    console.log(c)
}
var  a;
test()
a = 10;
console.log(c)

按照理解，代码执行会报错，然而这段代码运行会输出

undefined
234
234

下面解释下预编译的执行原理
首先会创建全局的GO对象

var Go = {
	a: undefined,
    test： fn
}

当test 执行时，会创建属于test函数的AO对象

var testAO = {
    b: undefined
}

并将变量C提升至全局

var Go = {
	a: undefined,
    test： fn,
    c: 234
}

之后变量a 被赋值为 1

var Go = {
	a: 1,
    test： fn,
    c: 234
}

所以在访问b 变量时会获取test 函数的AO对象，为undefined。

关注