Javascript:具有相同值的对象数组的每个元素

Question

我创建了一个包含对象的二维数组，每个对象都有两个变量。

当我打印出那些对象时，我发现每个对象都有相同的值。

如果我更改其中一个对象，其他对象也会更改。

class test{
    constructor(x, y){
        self.x = x;
        self.y = y;
    }
    print(){
        console.log(self.x, self.y);
    }
}

arr = new Array(3);

for(let i=0;i<3;i++){
    arr[i] = new Array(3);
}

for(let i=0;i<3;i++){
    for(let j=0;j<3;j++){
        arr[i][j] = new test(i, j);
    }
}

for(let i=0;i<3;i++){
    for(let j=0;j<3;j++){
        arr[i][j].print();
    }
}

它只打印九个 2 2。我不知道发生了什么。

即使我尝试过:

arr[1][2] = new test(2, 3);

它打印出九个 2 3。

如果有人帮助我，我将不胜感激。

:P

Answer 1

JavaScript 不是 Python，使用 this，它会工作。

class test{
    constructor(x, y){
        this.x = x;
        this.y = y;
    }
    print(){
        console.log(this.x, this.y);
    }
}

arr = new Array(3);

for(let i=0;i<3;i++){
    arr[i] = new Array(3);
}

for(let i=0;i<3;i++){
    for(let j=0;j<3;j++){
        arr[i][j] = new test(i, j);
    }
}

for(let i=0;i<3;i++){
    for(let j=0;j<3;j++){
        arr[i][j].print();
    }
}

(幸运的是/不幸的是，你到处都使用了 Window.self )