es6のコンストラクターとは何ですか

青灯夜游
リリース: 2022-05-05 17:06:41
オリジナル
1857 人が閲覧しました

es6 では、コンストラクターは主にオブジェクトの初期化、つまりオブジェクトのメンバー変数に初期値を付けるために使用される特別な関数であり、関数名の最初の文字は通常大文字で、常に新品と同じです。一緒に使用してください。関数は、new 演算子を使用して呼び出された場合にのみコンストラクターとして使用でき、new 演算子を使用しない場合は、単なる通常の関数です。

es6のコンストラクターとは何ですか

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

コンストラクターは、主にオブジェクトの初期化、つまりオブジェクトのメンバー変数に初期値を割り当てるために使用される特別な関数であり、常に new とともに使用されます。 オブジェクトからいくつかのパブリック プロパティとメソッドを抽出し、それらをこの関数にカプセル化できます。

コンストラクターの関数名の最初の文字は通常大文字です。

コンストラクターとして呼び出す場合は、new 演算子と一緒に使用する必要があります。関数は、new 演算子を使用して呼び出された場合にのみコンストラクターとして使用でき、new 演算子を使用しない場合は、単なる通常の関数です。

関数をコンストラクターとして使用すると、new 演算子を通じてオブジェクトのインスタンスを作成し、そのインスタンスを通じて対応する関数を呼び出すことができます。

// 构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        alert(this.name);
    };
}
var person = new Person('kingx', '12');
person.sayName(); // 'kingx'
ログイン後にコピー

関数を通常の関数として使用する場合、関数内の this は window を指します。

Person('kingx', '12');
window.sayName(); // 'kingx'
ログイン後にコピー

コンストラクターを使用すると、いつでも必要なオブジェクト インスタンスを作成できます。コンストラクターは実行時に次の 4 つのステップを実行します。演算子 新しいオブジェクトがメモリ内の新しいアドレスに作成されます。

  • コンストラクターでこのポインターを決定します。

  • コンストラクター コードを実行し、インスタンスに属性を追加します。

  • #この新しく作成されたオブジェクトを返します。

  • 例として、前述のコードを使用して person インスタンスを生成します。

ステップ 1: person インスタンスのメモリ内に新しいアドレスを作成します。 。

  • ステップ 2: 人物自体を指す、人物インスタンスのこの点を決定します。

  • ステップ 3: name、age、sayName 属性を person インスタンスに追加します。sayName 属性値は関数です。

  • ステップ 4: この人物インスタンスを返します。

  • 注: SayName 属性がコンストラクターでこれに追加され、その値は関数であるため、新しいインスタンスが作成されるたびに、新しいインスタンスがまた、sayName 属性はインスタンスごとに異なります。

    【関連する推奨事項:
  • JavaScript ビデオ チュートリアル

Web フロントエンド

]

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

関連ラベル:
es6
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート