Question

有人可以解释一下，为什么我能够通过在本地设置它的值来覆盖全局实例的方法值以及为什么我不能用变量做类似的事情？

访问变量以使用window对象层次结构的唯一方法是什么？或者可能有更短的方式？

(function() {
    console.log(this);

    var someVar = this.someVar = false;

    var subClass = new Class({
        test: false,

        setValue: function(value) {
            this.test = value
        }
    });

    var subPub = this.subPub = new subClass();

    var MainClass = new Class({
        rewriteVar: function() {
            console.log("someVar = " + someVar); // returns global value
            console.log("subPub.test = " + subPub.test); // returns global value

            someVar = true;

            console.log("someVar local: " + someVar); // returns new local value
            console.log("someVar global: " + window.someVar); // returns old global value

            subPub.setValue(true);

            console.log("subPub.test local: " + subPub.test); // returns new local value
            console.log("subPub.test global: " + window.subPub.test) // returns new global value
        }
    });

    /* var someObj = this.someObj = {};

    var someVar = someObj.someMeth = false;

    // And why is this possible?
        var MainClass = new Class({
            rewriteVar: function() {
            someObj.someMeth = true;
            console.log(window.someObj.someMeth); // returns new global value
        }
    }); */

    window.addEvent("load", function() {
        var test = new MainClass();
        test.rewriteVar()
    })
})()

Answer 1

这与变量范围有关。 Javascript具有功能范围。

通过这样做：

var someVar = this.someVar = false;

您正在声明一个局部变量someVar和一个全局变量（它被提升到窗口对象，即window.someVar），因为这在闭包中引用了全局范围即窗口。

所以当你写：

someVar = true;

您正在使用此新值覆盖本地变量。

如果使用var关键字：

，函数定义中声明的变量对于该函数是本地的

(function () {
   var name = 'Mark';
})();
// Out here you cannot access name
console.log(name);

Answer 2

（如果我理解正确的话）

它与Mootools或者clases没有任何关系，@ Felix_Kling已经给你答案，但我会用一个简单的例子说明它：

var aObj = bObj = {}; //since bObj is an 'object', aObj will store the objects reference 
aObj.foo = "bar";
console.log(aObj.foo);
console.log(bObj.foo);
// output:
//     "bar"
//     "bar"


var a = b = 1; //since 'b' is primitive, 'a' will not store a reference of 'b', it will only copy it's value
a = 0;
console.log(a);
console.log(b);
// output:
//     0
//     1

我不确定这是不是你问的问题=）希望这有帮助

JavaScript，MooTools - Class / overwrite全局变量中的变量范围

2 个答案: