ホームページ  >  記事  >  ウェブフロントエンド  >  これと JavaScript コンストラクターでの戻りの詳細な紹介

これと JavaScript コンストラクターでの戻りの詳細な紹介

巴扎黑
巴扎黑オリジナル
2017-09-18 09:40:302051ブラウズ

この記事では、サンプル コードを通じてこれと JS コンストラクターでの戻り値を紹介します。

最初にコードの一部を見てください。


function Foo(name,age){
  this.name=name;
  this.age=age;
}
var foo=new Foo("Tom",14);
foo.name;//Tom
foo.age;//14

コンストラクターのインスタンス化を使用するプロセス:

1. foo の空のオブジェクトを確立します。

2. コンストラクター内の Foo の this をオブジェクト foo にポイントします。

3. foo の _proto_ 属性は、Foo 関数のプロトタイプ プロトタイプを指します。

4. コンストラクターでコードを実行します。

通常の関数と比較すると、コンストラクターの this はインスタンスを指しますが、通常の関数呼び出しの this はウィンドウを指します。

return がコンストラクターに追加される場合、2 つの状況があります


function Foo(name,age){
  this.name=name;
  this.age=age;
  return {name:"Jeff"}
}
var foo=new Foo("Tom",14);
foo.name;//Jeff

1. Return は、String、Number、Boolean、Null、Unknown の 5 つの単純なデータ型です。

この場合、戻り値を無視してこのオブジェクトを返します。

2.Return はオブジェクトです。

この場合、 this オブジェクトは返されなくなりますが、 return ステートメントの戻り値が返されます。

以上がこれと JavaScript コンストラクターでの戻りの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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