ES6 Classes & Constructors

How would you set both width and height at once with this class?

class Rectangle {
  constructor(width, height) {
    this.width = width;
    this.height = height;
  }
  
  get area() {
    return this.width * this.height;
  }
  
  set dimensions([width, height]) {
    this.width = width;
    this.height = height;
  }
}

rectangle.dimensions = {width: 10, height: 20}
rectangle.dimensions = [10, 20]
You set dimensions using rectangle.dimensions = [10, 20] because: 1) The setter 'dimensions' is defined to accept an array parameter, 2) The array is destructured in the setter parameter, 3) This allows setting multiple properties with a single assignment, 4) The syntax looks like a regular property assignment but invokes the setter, 5) This demonstrates how getters and setters can provide clean interfaces for complex operations, 6) The setter expects specifically an array due to the destructuring pattern in its definition.
rectangle.dimensions(10, 20)
rectangle.setDimensions(10, 20)

Next Question (24/28)