1

这是来自mazeContainer.js的一小段代码，只有必要的部分-

import Cell from "./cell.js";
import Player from "./player.js";

export default class Maze {
  ....
  setup(){
    for (let rowNum = 0; rowNum < this.rows; rowNum++) {
            let row = [];

            for (let colNum = 0; colNum < this.columns; colNum++) {
                let cell = new Cell(this.ctx, rowNum, colNum, this.cellWidth, this.cellHeight);
                row.push(cell);
            }
            this.grid.push(row);
  }
  
  drawMap(){
    ....
    let player = new Player(this.goal, this.lastRow, this.lastColumn);
    ....
  }
}

和player.js -

import Cell from "./cell.js";

export default 
class Player extends Cell {
    constructor(goal, lastRow, lastColumn) {
        super();                                    // need to manage this statement
        this.goal = goal;
        this.lastRow = lastRow;
        this.lastColumn = lastColumn;
    }
    ....
}

现在这就是我遇到的麻烦。

我刚刚遇到了super关键字，到目前为止我必须知道的是我需要super在使用之前调用方法this。那不是问题。但是这里我还需要为Cell的构造函数提供所有参数。

如您所见，Cell该类的构造函数中有很多参数，那么我如何将它们交给new Player(....)?

有没有更好的方法来实现这一目标？

4

1 回答 1

1

• extends 关键字使动物类的方法在猫类中可用。
• 当您创建一个新的 Cat 对象时调用的构造函数接受两个参数，name 和 usesLitter。
• super 关键字调用父类的构造函数。在这种情况下，super(name) 将 Cat 类的 name 参数传递给 Animal 类的构造函数。当 Animal 构造函数运行时，它设置 this._name = name; 对于新的 Cat 实例。
• _usesLitter 是 Cat 类独有的新属性，因此我们在 Cat 构造函数中设置它。

class Animal {                            
  constructor(name) {           
    this._name = name;
  }
  get name() {
    return this._name;
  }
} 


class Cat extends Animal {           
  constructor(name, usesLitter) {
    super(name);                    // The super keyword calls the constructor of the parent class.
    this._usesLitter = usesLitter;
  }
    get usesLitter() {
    return this._usesLitter;
  }
}


const bryceCat = new Cat('Bryce', true);
console.log(bryceCat.name);               //Output: Bryce
console.log(bryceCat.usesLitter);       //Output: true

于 2020-07-03T04:53:07.837 回答