JavaScript クラスの定義とインスタンス化
クラス定義
厳密に言えば、JavaScript はオブジェクトベースのプログラミング言語であり、オブジェクト指向プログラミング言語ではありません。
オブジェクト指向プログラミング言語 (Java、C++、C#、PHP など) では、class キーワードを使用してクラスを宣言します。
例: public class Person{}
しかし、JavaScript にはクラスを宣言するためのキーワードがなく、クラスのアクセス権を制御する方法もありません。
JavaScript は関数を使用してクラスを定義します。
構文:
function className(){
// 特定の操作
}
たとえば、Person クラスを定義します:
function Person() { this.name=" 张三 "; // 定义一个属性 name this.sex=" 男 "; // 定义一个属性 sex this.say=function(){ // 定义一个方法 say() document.write("嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + "。"); } }
説明: このキーワードは現在のオブジェクトを参照します。
オブジェクトの作成(クラスのインスタンス化)
オブジェクトを作成するプロセスは、クラスのインスタンス化のプロセスでもあります。
JavaScript では、オブジェクトの作成 (つまり、クラスのインスタンス化) に new キーワードを使用します。
構文:
new className();
上記の Person クラスをインスタンス化します:
var zhangsan=new Person(); zhangsan.say();
コードを実行し、次の内容を出力します:
こんにちは!皆さんこんにちは、私の名前は張三、性別は男性です。
クラスを定義するときにパラメータを設定でき、オブジェクトを作成するときに対応するパラメータを渡すこともできます。
次に、Person クラスを再定義します。
function Person(name,sex) { this.name=name; // 定义一个属性 name this.sex=sex; // 定义一个属性 sex this.say=function(){ // 定义一个方法 say() document.write("嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex); } } var zhangsan=new Person("小丽","女"); zhangsan.say();
コードを実行すると、次の出力が出力されます。
こんにちは!皆さんこんにちは。私の名前はシャオリ、性別は女性です。