Javascriptの一般関数とコンストラクタの違い（コードと合わせて詳しく解説）

この記事では、JavaScript における通常の関数とコンストラクターの違いに関する関連情報を主に紹介します。必要な方は参考にしてください。

通常の関数とコンストラクターの違い

命名規則に関しては、一般にコンストラクターが最初のものです。大文字の場合、通常の関数はキャメルケースの命名規則に従います。

関数が呼び出されるとき:

function fn() { }

コンストラクター : 1. new fn( )
2. 新しいオブジェクト、f のインスタンスがコンストラクター内に作成されます
3関数内のこれは、新しく作成された F インスタンスを指します
4. デフォルトの戻り値は、F

通常の関数のインスタンスです: 1. Fn () 2. 新しいオブジェクトは、 3. 関数内の this は、関数を呼び出すオブジェクトを指します (オブジェクトが呼び出されない場合、デフォルトは window) 4. 戻り値は return ステートメントによって決定されます
コンストラクターの戻り値:

はデフォルトの戻り値であり、新しく作成されたオブジェクト (インスタンス) です。

戻り値を手動で追加する場合 (return ステートメント):

1. 戻り値は基本データ型です -->実際の戻り値は新しく作成されたものですオブジェクト (インスタンス)

2. 戻り値は Complex データ型 (オブジェクト) -->実際の戻り値はこのオブジェクトです

よくある面接の質問を見てください

<script>
  function foo() {
    var f2 = new foo2();
    console.log(f2);  //{a: 3}
    console.log(this); //window
    return true;
  }
  function foo2() {
    console.log(this); //foo2类型的对象 不是foo2函数
//    this.age = 30;
    return {a: 3};
  }
  var f1 = foo();
  console.log(f1); // true
</script>

上記は私が皆さんのためにまとめたものです。将来的には誰にとっても役立つでしょう。

関連記事:

node

js

+express実装ファイルアップロード事例詳細解説

JSでタイムリストを生成して出力

webpack.config.jsパラメータ使用事例

以上がJavascriptの一般関数とコンストラクタの違い（コードと合わせて詳しく解説）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。