ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript では「new」キーワードはどのように機能しますか?

JavaScript では「new」キーワードはどのように機能しますか?

DDD
リリース: 2024-12-30 10:10:10
オリジナル
512 人が閲覧しました

How Does the `new` Keyword Work in JavaScript?

JavaScript の 'new' キーワードを理解する

JavaScript での 'new' の使用の概念は、特に JavaScript の非機能を考慮した場合、複雑になることがあります。 -オブジェクト指向の性質。明確にするために、「新しい」は次の方法で動作します:

1.新しいオブジェクトの作成:

  • これは、基本的に「オブジェクト」タイプのオブジェクトである新しいオブジェクトを確立します。

2.プロトタイプの設定:

  • 新しく作成されたオブジェクトのアクセスできない [[prototype]] プロパティをコンストラクター関数の外部プロトタイプ プロパティに関連付けます。この継承関係により、コンストラクターのプロトタイプで定義されたプロパティへのアクセスが可能になります。

3. 「this」変数のバインド:

  • 新しく作成されたオブジェクトを指すように「this」変数を指定し、コンストラクター関数内でそのプロパティとメソッドに明示的にアクセスできるようにします。

4.コンストラクターの実行:

  • 新しく作成されたオブジェクトを「this」のコンテキストとして使用して、コンストラクター関数を実行します。

5.オブジェクトを返す:

  • 実行後、コンストラクターが明示的に別のオブジェクトを返さない限り、新しく作成されたオブジェクトを返します。

「new」の利用' キーワード:

  • を使用するための適切なシナリオ「新しい」は、オブジェクトをインスタンス化するとき、通常はクラスを作成するとき、またはオブジェクト指向の動作をシミュレートするときです。
  • オブジェクト リテラルまたは仮想構成体を使用してオブジェクトを手動で作成する場合には適用されません。

例:

function Constructor() {
  this.property = "value";
}

const object = new Constructor();

console.log(object.property); // "value"
ログイン後にコピー

プロトタイプチェーン:

  • 「new」で作成されたオブジェクトにはプロトタイプ チェーンがあります。
  • サブオブジェクトのプロトタイプの [[prototype]] プロパティは、サブオブジェクトのプロトタイプ プロパティを指します。基本コンストラクター関数。
  • このチェーンにより、基本コンストラクターの関数で定義された継承されたプロパティにアクセスできます。プロトタイプ。

以上がJavaScript では「new」キーワードはどのように機能しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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