Question

var x = 9;
var mod = {
    x: 81,
    assign: function(){
        this.x = 9;
        x = 3;
    },
    checkVars: function(){
        alert(x + " - " + this.x );
    }
};

mod.checkVars(); //9 - 81

mod.assign();
mod.checkVars(); //3 - 9

alert(x); //3

请解释范围链如何在此处设置。为什么x和checkVars中assign的范围解析会跳过对象mod？

Answer 1

我在你的程序中添加了一些评论：

var x = 9; // This is the *only* variable called x in your program
var mod = {
    x: 81, // this x refers to a property of mod also called x
    assign: function(){
        this.x = 9; // "this" refers to the object mod, this.x is the x property of mod
        x = 3; // x here refers to your variable called x
    },
    checkVars: function(){
        alert(x + " - " + this.x ); // same as above
    }
};

mod.checkVars(); //9 - 81

mod.assign();
mod.checkVars(); //3 - 9

alert(x); //3

换句话说，您的混淆与范围解析无关。每当您引用x时，您指的是您在程序顶部定义的唯一一个名为x的变量。只要您引用this.x，就会引用您在x对象字面上定义的名为mod的属性。

希望这有助于澄清事情！

Answer 2

变量和对象属性不是一回事。变量是范围链的一部分，属性不是。 assign和checkVars范围内的唯一变量是x和mod。 mod的属性只能通过this.propName（或mod.propName）从这些方法中看到。

对象文字中的范围链

2 个答案: