JavaScriptでのプロトタイプの活用方法


  1. プロトタイプを使用したメソッドの追加:
function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.greet = function() {
  console.log("こんにちは、私の名前は" + this.name + "です。");
};
var person1 = new Person("John", 25);
person1.greet(); // 出力: こんにちは、私の名前はJohnです。
  1. プロトタイプを使用したプロパティの共有:
function Circle(radius) {
  this.radius = radius;
}
Circle.prototype.getArea = function() {
  return Math.PI * this.radius * this.radius;
};
var circle1 = new Circle(5);
console.log(circle1.getArea()); // 出力: 78.53981633974483
  1. プロトタイプチェーンの利用:
function Animal(name) {
  this.name = name;
}
Animal.prototype.sleep = function() {
  console.log(this.name + "は眠っています。");
};
function Cat(name) {
  this.name = name;
}
Cat.prototype = Object.create(Animal.prototype);
Cat.prototype.constructor = Cat;
var cat1 = new Cat("Tama");
cat1.sleep(); // 出力: Tamaは眠っています。

これらは、JavaScriptにおけるプロトタイプの活用方法の一部です。プロトタイプを使用することで、コードの再利用性が高まり、効率的なオブジェクト指向プログラミングが実現できます。