JavaScript 变量屏蔽

最新推荐文章于 2022-02-09 10:04:07 发布

dengpi2643

最新推荐文章于 2022-02-09 10:04:07 发布

阅读量185

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/BigJ/p/7911482.html

本文深入探讨了JavaScript中变量屏蔽现象，解释了在不同作用域中如何通过局部变量覆盖全局变量，以及作用域链如何帮助查找变量。通过具体代码示例，展示了变量屏蔽对程序行为的影响。

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

不同作用域中相同名称的变量就会触发变量屏蔽：

{
    let x = {color:"blue"};
    let y = x;
    let z = 3;
    {
        //重复定义x，所以对全局变量x进行了变量屏蔽
        let x = 5;
        console.log(x);
        //未重定义y，所以变量y.color不变
        console.log(y.color);
        //x已经被重定义，所以x.color不存在，undefined
        console.log(x.color);
        //直接是对对象y的修改，
        //let y = {color:"red"} 前面对y的引用会报错undefined
        y.color = "red";
        console.log(z);
    }
    console.log(x.color);//red
    console.log(y.color);//red
    console.log(z)//3
}