JavaScriptクラスとプロトタイプのコアの違いは、クラスがES6によって導(dǎo)入された構(gòu)文糖であり、基礎(chǔ)となる層はまだプロトタイプメカニズムに基づいていることです。 1.クラスは、コードの読み取りを容易にするために、より明確なオブジェクト指向の構(gòu)文を提供します。 2。プロトタイプは、JavaScriptが継承とメソッド共有を?qū)g裝するための実際のメカニズムです。 3。クラスは本質(zhì)的に特別な機能であり、その方法はコンストラクターのプロトタイプに追加されます。 4.プロトタイプは、実行時に動的な変更をサポートしますが、これはより柔軟ですが、注意して使用する必要があります。 5。クラスはデフォルトで厳格モードを使用し、改善しませんが、プロトタイプメソッドは言語の本質(zhì)に近いです。 2つの関係を理解することは、JavaScriptでオブジェクト指向のプログラミングをよりよく理解するのに役立ちます。

オブジェクト指向のJavaScriptに飛び込んでいる場合、最初に遭遇することの1つは、クラスとプロトタイプの違いです。 JavaScriptは元々クラスを持っていませんでした。最初からプロトタイプを使用していました。クラスは、プロトタイプベースのコードを使用するためのよりクリーンな方法として、後にES6で追加されました。しかし、ボンネットの下では、クラスでさえプロトタイプに依存しています。それで、ここで何が起こっているのですか？

JavaScriptクラスがボンネットの下でどのように機能するか

ES6がclass構(gòu)文を?qū)毪工毪?、JavaやPythonなどの他の言語から來る開発者により、オブジェクト指向のコードがより馴染みのあるように見えます。しかし、その近隣class 、 constructor 、およびextends構(gòu)文の背後にあるJavaScriptは、まだプロトタイプシステムを使用しています。

JavaScriptのクラスは、本質(zhì)的に特別な種類の機能です。クラスを定義するとき、 new使用時に呼び出されるコンストラクター関數(shù)を作成します。クラスボディ內(nèi)で記述するすべての方法は、コンストラクターのプロトタイプに追加されます。

例えば：

クラスドッグ{
  コンストラクター（名前）{
    this.name = name;
  }

  吠える（） {
    console.log（ 'woof！'）;
  }
}

これは、書くこととほぼ同等です。

 function dog（name）{
  this.name = name;
}

dog.prototype.bark = function（）{
  console.log（ 'woof！'）;
};

したがって、構(gòu)文は異なりますが、動作は非常に似ています。どちらのアプローチもプロトタイプにメソッドを添付しています。

プロトタイプは実際のビルディングブロックです

ES6の前に、JavaScriptのすべてがオブジェクトとプロトタイプに基づいていました。正式な「クラス」定義はありませんでした。代わりに、オブジェクトを作成し、プロトタイプチェーンを介して他のオブジェクトをリンクしました。

プロトタイプモデルは委任による動作：オブジェクトに特定のプロパティまたはメソッドがない場合、JavaScriptはそれが見つかるまでプロトタイプチェーンを検索します（またはundefined戻ります）。これで、複數(shù)のインスタンスが獨自のコピーを持たなくても同じ方法を共有する方法です。

Object.create()を使用してプロトタイプを手動で設(shè)定できます。

 const animal = {
  食べる（） {
    console.log（ 'eating ...'）;
  }
};

const dog = object.create（animal）;
dog.bark = function（）{
  console.log（ 'woof！'）;
};

現(xiàn)在、 dog bark()とeat()の両方にアクセスできます。なぜなら、 animalそのプロトタイプであるためです。

大きな違いは柔軟性です。プロトタイプを使用すると、プロトタイプを直接変更することで実行時に動作を変更できます。

クラスとプロトタイプの主な違い

クラスはプロトタイプ上に構(gòu)築されていますが、いくつかの重要な違いがあります。

• 構(gòu)文と読みやすさ：クラスは、特に継承を扱う場合、オブジェクトタイプを定義するためのよりクリーンでより構(gòu)造化された方法を提供します。
• 巻き上げ：関數(shù)宣言（Pre-ES6コンストラクター関數(shù)に使用）は巻かれていますが、クラス宣言はそうではありません。使用する前にクラスを宣言する必要があります。
• 厳格モード：クラスボディは、たとえ指定しなくても、常に厳格モードで実行します。
• extendsによる継承： Object.create()を使用してプロトタイプを使用して継承をシミュレートすることができますが、クラスはextendsキーワードとsuper()呼び出しでこれをはるかに簡単にします。

また、クラスはより伝統(tǒng)的なOOPスタイルを奨勵しますが、プロトタイプは基礎(chǔ)となるメカニズムを公開し、より動的なオブジェクトの作成パターンを可能にします。

どちらを使うべきですか？

最新のコードベースに取り組んでいるか、クラスベースの言語に慣れている他のコードベースと協(xié)力している場合は、 class構(gòu)文に固執(zhí)しています。

ただし、JavaScriptが実際にどのように機能するかをより深く理解したい場合、または多くのインスタンスでメソッドを共有してメモリ使用量を最適化する必要がある場合、プロトタイプモデルを?qū)W習(xí)することが不可欠です。

また、一方を完全に選択する必要がないことも注目に値します。多くの経験豊富な開発者は、狀況に応じて両方のスタイルをミックスしています。

考慮すべき點：

• 大規(guī)模なアプリケーションを構(gòu)築している場合、クラスはコードを整理し続けるのに役立ちます。
• 小規(guī)模なユーティリティまたはパフォーマンスに敏感なコードの場合、プロトタイプを直接使用すると、より多くの制御が得られる場合があります。
• 両方を理解することで、プロトタイプチェーンまたは継承に関連する問題をデバッグすることができます。

一日の終わりには、クラスとプロトタイプは正反対ではありません。それらはJavaScriptの同じコインの2つの側(cè)面です。それらがどのように接続するかを知ることは、あなたが今日レガシーコードを読んでいるか、今日新しいモジュールを書いているかにかかわらず、あなたをより強力な開発者にします。

以上がオブジェクト指向のJavaScriptのクラスとプロトタイプの違いの詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。