JavaScriptプロトタイプ関数

Question

これらの関数の違いは何ですか？利点と欠点は何ですか？

let Test = function(name) { 
    this.name = name; 
    this.complete = function() { 
    console.log(`completing task${this.name}`) 
    } 
} 

と

let Test = function(name) { 
    this.name = name; 
} 

Test.prototype.complete = function() { 
    console.log(`completing task${this.name}`) 
} 

Answer 1

違いは、あなたが最初の関数を作成する各オブジェクトは、それがcomplete関数の別個のインスタンスだ持っているだろうということです。 2番目の関数で作成する各オブジェクトは同じcomplete関数を共有しますが、これはTestを使って作成したオブジェクトのプロトタイプにあります。

したがって、最初の関数を使用して100個のオブジェクトを作成した場合、これらのオブジェクトはすべてcomplete関数のメモリ内で異なる参照を持ちます。 2番目のケースでは、これらのオブジェクトすべてがそのプロトタイプ上でcomplete関数を見つけるため、1つしか持たないでしょう。