在设置同一对象的其他属性时将属性作为参数传递

Question

我正在使用 Raphael.js 制作一个 JS 小游戏。这是我在 JS 中的第一个大项目，所以我不熟悉所有的设计模式等。我正在尝试制作一个代表移动计时器的对象。从第 "litCircle" 行开始，出现错误：

Uncaught TypeError: Cannot read property '0' of undefined

c 是我的拉斐尔对象。有什么我不知道的地方，你不能在你用来帮助设置对象其他属性值的函数调用中使用你当前定义的对象的属性吗？

var moveTimer = {
  mtScaler : 15,
  all : c.set(),
  RS : [1*this.mtScaler,3*this.mtScaler,4*this.mtScaler],
  litCircle : c.circle(200,37,this.RS[0]),
  midCircle : c.circle(200,37,this.RS[1]).attr({
    "stroke-dasharray": "- "
  }),
  bigCircle : c.circle(200,37,this.RS[2]).attr({
    "stroke-dasharray":". "}),
  orangeOne : c.circle(200, 37,this.RS[0]).attr({
    "stroke-width": 2,
    "stroke": COLOR_DICT["orange"],
  }),
  turnCounter : c.text(200,38,0),
  orangeAnim :
    Raphael.animation({
      "50%": { r: this.RS[2] },
      "100%": {  r: this.RS[0] }
    }, 3000),
  finish : function(){
    this.all.push(this.litCircle, this.midCircle, this.bigCircle,
      this.orangeOne, this.turnCounter);
    this.all.transform("t250,230");
  }
}

Answer 1

RS 在您调用它时仍在定义中，请在定义之外定义一些变量并使用它们。

示例：

var scaler, rs;
scaler = 15;
rs = [1*tscaler,3*tscaler,4*scaler];

var moveTimer = {
  mtScaler : scaler,
  all : c.set(),
  RS : rs,
  litCircle : c.circle(200,37,rs[0]),
  midCircle : c.circle(200,37,rs[1]).attr({
    "stroke-dasharray": "- "
  }),
  bigCircle : c.circle(200,37,this.RS[2]).attr({
    "stroke-dasharray":". "}),
  orangeOne : c.circle(200, 37,this.RS[0]).attr({
    "stroke-width": 2,
    "stroke": COLOR_DICT["orange"],
  }),
  turnCounter : c.text(200,38,0),
  orangeAnim :
    Raphael.animation({
      "50%": { r: this.RS[2] },
      "100%": {  r: this.RS[0] }
    }, 3000),
  finish : function(){
    this.all.push(this.litCircle, this.midCircle, this.bigCircle,
      this.orangeOne, this.turnCounter);
    this.all.transform("t250,230");
  }
}

This may not be 100% since I can't confirm the code, but is a starting place.

Answer 2

this 在 litCircle : c.circle(200,37,this.RS[0]) 表示调用者，Window 对象，而不是您定义的 moveTimer。

显然，Window对象没有属性RS.

在设置同一对象的其他属性时将属性作为参数传递

Passing properties as arguments while setting other properties of same object

javascript

raphael

javascript-objects