JavaScriptのprototypeについて

Question

JavaScriptのprototypeについて質問です。
画像の④でTypeErrorになる理由がわからないのですが、
なぜでしょうか？
Member.prototype.getNameとMember.prototype ={}での書き方での違いが何かあるのでしょうか？

//クラス定義
const Member = function(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

//①山田太郎
Member.prototype.getName = function() {
  return this.lastName + '' + this.firstName;
};

//②山田太郎
Member.prototype = {
  getName: function() {
    return this.lastName + '' + this.firstName;
  }
};

//インスタンス作成
const men = new Member('太郎', '山田');

//③山田太郎
Member.prototype.getName = function() {
  return this.lastName + '' + this.firstName;
};

//④Type Error
Member.prototype = {
  getName: function() {
    return this.lastName + '' + this.firstName;
  }
};


//呼び出し
console.log(men.getName());

Answer 1

Member.prototype = {}のように書くと、プロトタイプオブジェクトが別なものに入れ替わります。こうした場合、これからnewする場合に限って新しいプロトタイプオブジェクトが使われ、すでにnewしたものは元のプロトタイプオブジェクトを参照するままとなります。

Comments

[AkitoshiManabe]

補足になれば幸いです https://teratail.com/questions/236989#reply-344845