Try it Yourself: JavaScript Objects – Hyring Learn

LessonBack to lesson

JavaScript Objects

<!DOCTYPE html>
<html>
<body>

<h2>Method shorthand and this</h2>

<script>
const rectangle = {
  width: 4,
  height: 3,
  area() {
    return this.width * this.height;
  },
  describe() {
    return `A ${this.width} by ${this.height} rectangle`;
  }
};

console.log(rectangle.area());     // 12
console.log(rectangle.describe()); // "A 4 by 3 rectangle"
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h2>Method shorthand and this</h2>

<script>
const rectangle = {
  width: 4,
  height: 3,
  area() {
    return this.width * this.height;
  },
  describe() {
    return `A ${this.width} by ${this.height} rectangle`;
  }
};

console.log(rectangle.area());     // 12
console.log(rectangle.describe()); // "A 4 by 3 rectangle"
</script>

</body>
</html>