码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 变量屏蔽

时间:2017-11-28 19:44:46      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:def   log   名称   ons   直接   color   修改   div   java   

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

{
    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
}

作用域链。如果该作用域中未找到变量的定义,则会到上一级查询,如果在该作用于中已经定义同名变量,则会屏蔽上一级。且必须遵循先声明再使用的原则。

JavaScript 变量屏蔽

标签:def   log   名称   ons   直接   color   修改   div   java   

原文地址:http://www.cnblogs.com/BigJ/p/7911482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!