1

我有一个我正在尝试制作的简单 Javascript 类，它一直很好，直到我遇到一个看起来不应该发生的问题。我有以下课程：

function circle(paper) {
        var x = null;
        var y = null;
        var r = null;

        var x1 = null;
        var y1 = null;
        var R = 0;
        this.G = 0;
        this.B = 0;
        this.lineSize = 1;

        this.paper = paper;

        var that = this;
        this.set = function(x,y,r){
            that.x = x;
            that.y = y;
            that.r = r;
        }

        this.colorOut = function(){
              console.log("R: "+that.R+" G: "+this.G+" B: "+this.B);
        }
}

现在，无论我做什么，R 都变得不确定，但是如果我这样做var R = null;并且在集合中我that.R = 0;突然这样做，它就被定义了。然而，从我在crockford的网站上发现的许多 SO 帖子链接到这些问题，似乎他正在做我正在做的事情并且它正在工作。如以下代码所示：

function Container(param) {

    function dec() {
        if (secret > 0) {
            secret -= 1;
            return true;
        } else {
            return false;
        }
    }

    this.member = param;
    var secret = 3;
    var that = this;

    this.service = function () {
        return dec() ? that.member : null;
    };
}

那么，这里有什么我不理解或误解的地方吗？我对 JS 中的类如何工作是新手，我更习惯于 Java/C++ 类。无论如何，如果您需要更多信息，请询问！谢谢很多！

4

1 回答 1

5

有很大区别

var R;

和

this.R = something;

第一个是局部变量声明。它不会向任何对象添加属性。该变量将在您与对象属性关联的任何函数中可见，因为这些函数是在该构造函数中创建的。变量“R”是函数被实例化时形成的闭包的一部分。

第二个在正在构建的对象上建立了一个名为“R”的属性。

编辑——进一步澄清：

    this.colorOut = function(){
          console.log("R: "+that.R+" G: "+this.G+" B: "+this.B);
    }

在该函数中，您将“R”称为构造对象的属性；这就是什么that.R意思。当你所拥有的只是那个var R;声明时，对象上就没有这样的属性。但是有一个局部变量，因此您可以更改函数：

    this.colorOut = function(){
          console.log("R: " + R + " G: "+this.G+" B: "+this.B);
    }

你会看到局部变量“R”的值，不管它是什么。（如果您不初始化它，那么undefined无论如何都会如此。）

于 2013-11-07T18:35:57.400 回答