Chúng ta có thể chia sẻ một phương thức giữa các đối tượng JavaScript trong một mảng không?

Sau đây là đoạn mã để chia sẻ một phương thức giữa các đối tượng trong một mảng -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Share a method between objects in an array</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to call welcome() method of all person objects</h3>
<script>
   let resEle = document.querySelector(".result");
   function Person(firstName, lastName) {
      this.firstName = firstName;
      this.lastName = lastName;
   }
   Person.prototype.welcome = function () {
      return "Welcome " + this.firstName + " " + this.lastName;
   };
   let obj = [
      new Person("Rohit", "Sharma"),
      new Person("Shawn", "Mendes"),
      new Person("Michael", "Clarke"),
   ];
   document.querySelector(".Btn").addEventListener("click", () => {
      obj.forEach((item) => {
         resEle.innerHTML += item.welcome() + "";
      });
   });
</script>
</body>
</html>