javascript - jQuery で JavaScript オブジェクトの属性を設定します。

Question

javascript オブジェクトの属性を正しく設定するにはどうすればよいですか? 私の console.log() は未定義を返すべきではありません。

まず、クラスを宣言します。

function SignUpForm(myFormElement) {
  var eForm, email, password;

  this.eForm = myFormElement;
}

次に、ページの読み込み時にクラスをインスタンス化します。

$(document).ready(function(){
  myFormElement = $('form');
  myForm = new SignUpForm(myFormElement);
  console.log(myForm.eForm); // Returns undefined :(
});

Answer 1

こんなものが欲しいかも!?

HTML:

<form>
    <input name="email" />
    <input name="password" />
</form>

Javascript:

ここでSignUpFormクラスを定義し、eForm でシリアル化しますform。

function SignUpForm(myFormElement) {
    this.eForm = myFormElement.serialize();
}

$(document).ready(function(){
    myFormElement = $('form');
    myForm = new SignUpForm(myFormElement);
    console.log(myForm.eForm);
});

jsフィドル

編集:eForm要素を格納する場合、コードは問題ありません...しかしconsole.log(myForm.eForm);あまり意味がありません。残りの場合は、そのform要素をシリアル化できますconsole.log(myForm.eForm.serialize());。

Answer 2

現在、これに問題はありません。私はログをあまり使用しませんが、オブジェクトを「ログに記録」できるかどうか、またはそれがタイプ文字列でなければならないかどうかはわかりません。それ以外は、オブジェクトは適切に設定されています。myForm はオブジェクトであり、eForm はオブジェクトのプロパティであり、その値はセレクター「FORM」の jquery オブジェクトです。

Answer 3

function SignUpForm(myFormElement) {
  this.eForm = myFormElement;
}

宣言されたスコープ変数は何もしないので安全に削除できます。