JavaScriptクラスとは何ですか?その使用方法は?



クラスは、オブジェクトを作成するための拡張可能なプログラムコードテンプレートです。 javascriptクラスは関数の一種であり、classキーワードで宣言されます。

オブジェクト指向プログラミングでは、クラスはオブジェクトを作成するための拡張可能なプログラムコードテンプレートです。 クラスは主に、JavaScriptの既存のプロトタイプベースの継承に対する構文上の糖衣構文と考えることができます。この記事では、JavaScriptクラスの詳細を説明し、次の順序でJavaScriptクラスを使用する方法を学習します。

JavaScriptクラスとは何ですか?

JavaScriptでは、クラスは関数の一種であり、classキーワードで宣言されます。関数を初期化するには関数式構文を使用し、クラスを初期化するにはクラス式構文を使用する必要があります。





//関数式を使用して関数を初期化するconsta = function(){}
//クラス式を使用してクラスを初期化するconstb = class {}

JavaScriptでは、キーワード関数を使用して開始する代わりに、キーワードクラスを使用します。また、プロパティは、constructor()メソッド内で割り当てられます。

オーバーライドとオーバーロードの違い

JavaScriptクラスの使い方は?

で宣言されたコード 関数 とクラスは両方とも関数[[Prototype]]を返します。プロトタイプでは、newキーワードを使用して任意の関数をコンストラクターインスタンスにすることができます。例えば:



const a = class {} //クラスからコンストラクターを初期化しますconstconstructorFromClass = new a()console.log(constructorFromClass)

出力:

{}コンストラクタ:クラス

現在、JavaScriptでクラスを使用する3つの異なる方法があります。例を挙げて、各メソッドの詳細を見ていきましょう。

クラスを定義する

コンストラクター関数は、のプロパティとして割り当てられるいくつかのパラメーターで初期化されます。 'この' 、関数自体を参照します。識別子の最初の文字は、慣例により大文字になっています。



初心者のためのSQLサーバーの基本
//コンストラクター関数の初期化functionemployee(name、empid){this.name = name this.empid = empid}

これをクラス構文に変換すると、構造が非常に似ていることがわかります。

//クラス定義の初期化classemployee {constructor(name、empid){this.name = name this.empid = empid}}

classキーワードはより簡単な方法で通信すると言えます。初期化の構文の唯一の違いは、関数の代わりにclassキーワードを使用することです。また、constructor()メソッド内でプロパティを割り当てます。

メソッドを定義する

コンストラクター関数のもう1つの一般的な方法は、 メソッド 初期化ではなく、プロトタイプに直接。例を挙げて、それがどのように機能するかを見ていきます。

function employee(name、empid){this.name = name this.empid = empid} //コンストラクターにメソッドを追加するemployee.prototype.greet = function(){return `$ {this.name}はhelloと言います。`}

クラスを使用して同じコードを記述している場合、コードは単純化され、メソッドが直接追加されます。

class employee {constructor(name、empid){this.name = name this.empid = empid} //コンストラクタにメソッドを追加するgreet(){return `$ {this.name} say hello.`}}

クラスではより単純で簡潔な構文が可能ですが、プロセスの明確さで妥協しなければならない場合があります。

クラスの拡張

コンストラクター関数とクラスの利点は、親に基づいて新しいオブジェクトブループリントに拡張できることです。これは、類似しているがいくつかの追加またはより具体的な機能を必要とするオブジェクトのコードの繰り返しを防ぐのに役立ちます。

Javaでのxmlファイルの解析

新しいコンストラクター関数は、call()メソッドを使用して親から作成できます。例えば:

//親関数から新しいコンストラクターを作成しますinfo(name、empid、salary){//呼び出しemployee.call(this、name、empid)を使用したチェーンコンストラクターthis.salary = salary}

これで、クラスを使用して同じコードを記述する場合、親関数にアクセスするための呼び出しの代わりにsuperキーワードが使用されます。

//親クラスから新しいクラスを作成するinfoextends employee {constructor(name、empid、salary){// super super(name、empid)を使用したチェーンコンストラクター//新しいプロパティを追加するthis.salary = salary}}

クラスは、より簡潔な作成方法を提供します オブジェクト ブループリントとコンストラクター関数は、内部で何が起こっているかをより具体的な方法で記述します。

これで、記事は終わりです。 JavaScriptクラスの使い方をご理解いただけたでしょうか。

JavaScriptクラスについて理解したので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なウェブサイトを作成し、Amazon Simple Storage Service(S3)にデプロイする方法を学ぶのに役立ちます。

質問がありますか? 「JavaScriptクラス」のコメント欄にご記入ください。折り返しご連絡いたします。