JavaScript オブジェクト指向 JavaScript class_js オブジェクト指向

前のセクション JavaScript オブジェクト指向名前空間 では、JavaScript 名前空間を定義する方法について説明しました。このセクションでは、次の概念であるクラスについて説明します。 JavaScript には class キーワードはありませんが、開発者としてこの考えを持たなければなりません。 C# では、クラスはインスタンス クラスと静的クラスに分類できますが、JavaScript でも同様です。


1. インスタンス クラスを定義します。前のセクションでは、cnblogs.news の名前空間を定義しました。次に、この名前空間の下に Article という名前のクラスを定義します。

コードをコピー コードは次のとおりです。 cnblogs.news.Article=function(){

var _this=this;

this.title=null;
this.content=null;
this.show=function(){
document.write("

" _this.title "

;");
document.write("

" _this.content "

");
}
}


オブジェクトの作成はC# と同じ:

コードをコピー コードは次のとおりです: // インスタンス化an object

vararticle =new cnblogs.news.Article();

// オブジェクトのプロパティに値を割り当てます
article.title="これは記事のタイトルです"; 🎜>article.content="これは記事の内容です";
// オブジェクトのメソッドを呼び出します


次に、静的メソッドを定義しますclass: いわゆる静的クラスは、クラスのメンバーを直接呼び出します。つまり、クラスのメンバーはオブジェクトではなくクラスに属します。 Article を例にとると、コードは次のとおりです:

コードをコピー

コードは次のとおりです: cnblogs.news .Article={ title: "これは記事のタイトルです", content: "これは記事の内容です",

show:function(){

document.write("

" cnblogs.news.Article.title "

");
document.write("

" cnblogs.news.Article.content "< ;/p>");
}
};


呼び出しメソッドも C# に似ています:
cnblogs.news.Article.show();
おそらく、いわゆる JavaScript 静的クラスが実際には json オブジェクトであることがもうおわかりいただけたのではないでしょうか。おめでとうございます。正解です。 ^_^
3、選択方法:

個人的な経験に関する限り、どのような場合でも修正できます (間違っている場合は修正してください)。方法^_^ )、DOM に弱く依存しているが、ツール クラス、プラグイン クラス、構造体などの強い再利用性が必要なプログラムを開発し、プログラムが DOM に強く依存している場合は、静的クラスを使用します。 DOM では、変数が受け渡されたり、クラスの構造が変更されることがよくあるため、インスタンス クラスを使用します。個人的には、2 番目のソリューションよりも 1 番目のソリューションの方が C# に近いと思います。C# の作成に慣れている学生は同じように感じると思います。
作者: シャンおじさん