javascript - this.shift = {x :this. x, y :this. y} 有效但 this.shift.x = this.x 和 this.shift.y = this.y?

Question

this.x = (Math.random()*canvasWidth);
this.y = (Math.random()*canvasHeight);

(1) this.shift = {x: this.x, y: this.y};

(2) this.shift.x = this.x;
    this.shift.y = this.y;

大家好，我正在玩 Canvas 并正在创建粒子系统。

第一 (1) 个可以，但第二 (2) 个不行，为什么？使用 Chrome 开发工具进行调试时，我收到一条错误消息“无法设置未定义的属性‘x’”。

有什么想法吗？

Answer 1

因为在示例 #2 中，“this”对象没有“shift”属性，所以运行时无法解析其任何“x”(或“y”)属性。您可以通过首先分配“shift”对象来使其工作:

this.shift = {};
this.shift.x = this.x;
this.shift.y = this.y;