JavaScript - オブジェクトの新しいインスタンスを動的に作成する方法はありますか？

Question

私はフォームフィールドデータでオブジェクトを作成する必要がある小さなプロジェクトに取り組んでいます。要するに、私はこのような各フォームフィールドから値を取得するコンストラクタ関数を持っている：

var Task = function() { 
    this.title = document.getElementById("task-title").value; 
    this.date = document.getElementById("task-date").value; 
    this.option = document.getElementById("task-option").value; 
} 

何が必要たびに誰かが送信ボタンをクリックしたオブジェクトの新しいインスタンスを作成することです。私は今までこれを持っています：

var submitBtn = document.getElementById('#someID'); 
submitBtn.addEventListener('click', function(event) { 
    event.preventDefault(); 
    var newTask = new Task();   
}); 

これはオブジェクトを作成するが、ボタンを押すたびにオブジェクトがオーバーライドされるという点で機能します。ボタンが押されるたびに作成されるオブジェクトの新しいインスタンスが必要です。

これは可能ですか？そうでない場合は、コンストラクタ関数の実行可能な代替手段がありますか？どうもありがとうございます。

Answer 1

を失うことはありませんので、あなたはその付けたnewtask変数を定義している、あなたのオブジェクトで配列を作る必要があります。 enventlistener内で新しいタスクをすぐに割り当てます。あなたのコードは、あなたがするように言ったすべてのことをしています。つまり、新しい変数を作成し、タスクの新しいインスタンスを割り当てます。関数が終了した後は、もう何もすることがないので、newTaskが破棄され、コード内のどこにも到達することができません。 （）{}自体でシングルトンインスタンスであるVARタスク=関数を用い

var submitBtn = document.getElementById('#someID'); 
var myTasks = []; 
submitBtn.addEventListener('click', function(event) { 
    event.preventDefault(); 
    myTasks.push(new Task());   
}); 

Answer 2

あなたが常に同じVarの値を入れているためだ。つまり、あなたがあなたの古いオブジェクト

var submitBtn = document.getElementById('#someID'); 
var newTask = []; 
submitBtn.addEventListener('click', function(event) { 
    event.preventDefault(); 
    newTask.push(new Task());   
});