ホームページ > 記事 > ウェブフロントエンド > JavaScript でコンストラクターを使用する方法
この記事は JavaScript のコンストラクターに関する知識を共有するものであり、一定の参考価値があります。皆様の学習のお役に立てれば幸いです。
コンストラクターは実際には通常の関数ですが、名前を付けるときは最初の文字を大文字にする必要があります。コンストラクターを呼び出すときは、new キーワードを使用してインスタンスを作成するように注意してください。このような使用法は、これが空で作成されることを意味します。これについては記事内で詳しく紹介します。
#コンストラクターの生成#これにより、先頭に null が作成され、最後に埋められた null が返されます
function Student(name age){ this.name=name; this.age=age; } var student=new Student("张三","18"); var student1=new Student("李四","19");
Student() が関数を実行すると、次の手順が実行されます。
(1) 新しい空のオブジェクトを作成して割り当てます。
(2) 関数本体の実行。通常、これを変更して、新しいプロパティを追加します。
(3)この戻り値。
同様に、さらに多くの生徒を作成したい場合は、毎回 new Student() を呼び出すことができます。このメソッドはシンプルで読みやすいものです。
これがコンストラクターの主な目的です。再利用可能なオブジェクト作成コードを実装することです。
コンストラクター return一般に、コンストラクターには return ステートメントがなく、そのタスクは必要なものをこれに書き込んで生成することです。結果は自動的に表示されます。
しかし、戻りがある場合、それは非常に単純になります。たとえば、オブジェクトを使用して戻りが呼び出された場合、これは返されません。つまり、戻りオブジェクトはオブジェクトを返し、これは他のすべてを返します。状況
たとえば、return はオブジェクトを返すことでこれをオーバーライドします
function Student() { this.name = "张三"; return { name: "李四" }; //return 一个对象 } console.log( new Student().name );
オブジェクトが返されるため、この値の代わりに戻り値が返されます
# ただし、null 値を返す場合、返されるのはこの値です
<script> function Student() { this.name = "张三"; return; //return 一个空对象 } console.log(new Student().name ); </script>コンストラクター内のメソッド
コンストラクターはプロパティだけでなくメソッドも追加できるため、コンストラクターはより柔軟にオブジェクトを作成できます
<script> function Student(name) { this.name = name; this.friend=function(){ console.log("this my friend:"+this.name); }; } var student=new Student("张三"); student.friend(); </script>
概要: 以上です。この記事 これがこの記事の全内容です。コンストラクターを学習する皆さんのお役に立てれば幸いです。
以上がJavaScript でコンストラクターを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。