Question

我是JS的新手，对旧版本不是很熟悉，我需要将此测试转换为Es6。有谁能帮助我了解我该怎么做？

'use strict';
function Shape(id, x, y) {
 this.id = id;
 this.setLocation(x, y);
}
Shape.prototype.setLocation = function(x, y) {
 this.x = x;
 this.y = y;
};
Shape.prototype.getLocation = function() {
 return {
 x: this.x,
 y: this.y
 };
};
Shape.prototype.toString = function() {
 return 'Shape(' + this.id + ')';
};
function Circle(id, x, y, radius) {
 Shape.call(this, id, x, y);
 this.radius = radius;
}
Circle.prototype = Object.create(Shape.prototype);
Circle.prototype.constructor = Circle;
Circle.prototype.toString = function() {
 return 'Circle > ' + Shape.prototype.toString.call(this);
};

Answer 1

已转换为classes：

class Shape {
  constructor(id, x, y) {
    this.id = id;
    this.setLocation(x, y);
  }
  setLocation(x, y) {
    this.x = x;
    this.y = y;
  }
  getLocation = () => ({
    x: this.x,
    y: this.y
  })

  toString() {
    return `Shape(${this.id})`;
  }
}

class Circle extends Shape {
  constructor(id, x, y, radius) {
    super(id, x, y)
    this.radius = radius;
  }
  toString() {
    return `Circle> ${super.toString()}`;
  }
}

let shape = new Shape('shape', 5, 5);
let circle = new Circle('circle', 6, 6, 6);


console.log("Shape()",
  shape.getLocation(),
  shape.toString()
);
console.log("Circle()",
  circle.getLocation(),
  circle.toString()
);

希望这会有所帮助，

我需要将此代码转换为ES6，我在JS上是一个新手，不确定如何

1 个答案: