ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript でコンストラクターを使用する方法

JavaScript でコンストラクターを使用する方法

清浅
清浅オリジナル
2018-11-23 11:43:173063ブラウズ

この記事は JavaScript のコンストラクターに関する知識を共有するものであり、一定の参考価値があります。皆様の学習のお役に立てれば幸いです。

コンストラクターは実際には通常の関数ですが、名前を付けるときは最初の文字を大文字にする必要があります。コンストラクターを呼び出すときは、new キーワードを使用してインスタンスを作成するように注意してください。このような使用法は、これが空で作成されることを意味します。これについては記事内で詳しく紹介します。

#コンストラクターの生成#これにより、先頭に null が作成され、最後に埋められた null が返されます

function Student(name age){
this.name=name;
this.age=age;
}
var student=new Student("张三","18");
var student1=new Student("李四","19");

Image 5.jpgStudent() が関数を実行すると、次の手順が実行されます。

(1) 新しい空のオブジェクトを作成して割り当てます。

(2) 関数本体の実行。通常、これを変更して、新しいプロパティを追加します。

(3)この戻り値。

同様に、さらに多くの生徒を作成したい場合は、毎回 new Student() を呼び出すことができます。このメソッドはシンプルで読みやすいものです。

これがコンストラクターの主な目的です。再利用可能なオブジェクト作成コードを実装することです。

コンストラクター return一般に、コンストラクターには return ステートメントがなく、そのタスクは必要なものをこれに書き込んで生成することです。結果は自動的に表示されます。

しかし、戻りがある場合、それは非常に単純になります。たとえば、オブジェクトを使用して戻りが呼び出された場合、これは返されません。つまり、戻りオブジェクトはオブジェクトを返し、これは他のすべてを返します。状況

たとえば、return はオブジェクトを返すことでこれをオーバーライドします

function Student() {
 this.name = "张三";
 return { name: "李四" };  //return 一个对象
 }
 console.log( new Student().name );

オブジェクトが返されるため、この値の代わりに戻り値が返されます

# ただし、null 値を返す場合、返されるのはこの値ですImage 1.jpg

<script>
function Student() {
 this.name = "张三";
 return;  //return 一个空对象
 }
console.log(new Student().name ); 
</script>

Image 2.jpg

コンストラクター内のメソッド

コンストラクターはプロパティだけでなくメソッドも追加できるため、コンストラクターはより柔軟にオブジェクトを作成できます

<script>
function Student(name) {
 this.name = name;
 this.friend=function(){
 console.log("this my friend:"+this.name);
 };
}
var student=new Student("张三");
student.friend();
</script>

概要: 以上です。この記事 これがこの記事の全内容です。コンストラクターを学習する皆さんのお役に立てれば幸いです。 Image 3.jpg


以上がJavaScript でコンストラクターを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。