JavaScriptのクラスは、多くの人にとってハードルです。JSのクラスのさまざまな動作に関する多くの苦情。この投稿では、JSでクラスがどのように機能するか、およびclassキーワードを使用せずにクラスのような動作を実現する方法について説明します。

オブジェクト指向のバックグラウンドを持つ人々は、JSのクラスと混同されることがよくあります。多くの場合、人々はいくつかの仮定を持って来て、物事を互いに関連付けようとします。これは、私たちの理解を迅速に追跡するための良いことです。しかし、JavaまたはC ++のクラスの動作をJSのクラスに関連付けようとすると、単純化するのではなく、混乱を招きます。JavaScriptクラス（この記事だけでなく）を理解している間は、自分自身を空白にすることをお勧めします。

JavaScriptは関数型プログラミング言語であることを理解する必要があります。
関数型プログラミング言語のパラダイムを理解するために、この記事を読んでいただきたいと思います。（待ちます）

JavaScriptのすべてが関数です。

ES6ではclassキーワードが導入され、その前にコンストラクター関数とファクトリ関数がJavaScriptでクラスのような動作を実装するために使用されていました。
それぞれの次の例に注意してください。

コンストラクター関数

コンストラクター関数は、慣例により、後で常に大文字で始まり、newキーワードを使用してコンストラクター関数のインスタンスを作成できます。
これらのプロパティにより、コンストラクター関数を使用してJavaScriptでクラスのような動作を実現できます。

上記のPerson関数は、Javaのクラスとほぼ同様の機能を提供します。

すべての関数には、プロトタイプと呼ばれる特別なプロパティがあります。このプロパティはオブジェクトであり、プロトタイプオブジェクトと呼ばれることがよくあります。デフォルトでは、このプロトタイプオブジェクトには、関数を指すコンストラクターと呼ばれるプロパティがあります。

プロトタイプを使用して、ClassPersonに新しいプロパティを追加できます。

プロトタイプを使用して追加されたプロパティは、コンストラクター関数のすべてのインスタンスで自動的に使用可能になります。

ただし、1つの問題
があります。それは、参照型のプロパティがインスタンス間で共有されることです。

これで、コンストラクター関数とプロトタイプの使用法を理解できました。Classキーワードとは何かを理解しましょう。

JavaScriptのクラス

これはコンストラクター関数やプロトタイプとは違うと思うかもしれませんが、そうではありません。

クラスは、コンストラクター関数に対する単なる構文糖衣です。
信じない？そう思ったので、以下の例を見てみましょう。

これがJavaScriptでクラスを書く方法です。

そして、これはコードを純粋なJavaScriptにトランスパイルした後です（バベルを聞いた？良い）

つまり、JavaScriptのClassキーワードは、単純化のために単なる構文糖衣であり、内部ではコンストラクター関数とプロトタイプの能力を使用しています。

まあ、これは氷山の一角にすぎません。本当の混乱はクラスの実装ではなく、人々はこのキーワードやこれの字句スコープなどについて混乱するからです。

より深く理解するには、次のリンクを検討してください。
これ、これ、これ。

この記事を楽しんだら、拍手と共有を高く評価します。

Twitterでフォローしてください@ suhas0101