JavaScriptのクラス

JavaScript クラス

クラスはオブジェクトの設計図であり、オブジェクトとその動作を定義するための、より正式で組織化された方法を提供します。 JavaScript クラスはオブジェクトそのものではなく、JavaScript オブジェクトを作成するためのテンプレートです。

クラスは特殊な種類の関数ですが、class の代わりにキーワード function を使用して定義します。プロパティは constructor() メソッド内で割り当てられます。

クラスメソッド

1. クラスメソッドの構文はオブジェクトメソッドの構文と同じです。
2. class キーワードを使用してクラスを作成します。
3. には常に constructor() メソッドが含まれます。
4. その後、任意の数のメソッドを追加できます。

例 1: 車のクラスを作成し、その車のクラスに基づいて「My Car」という名前のオブジェクトを作成します。

<code class="language-javascript">class Car {
  constructor(brand) {
    this.carName = brand;
  }
}

let myCar = new Car("Toyota"); </code>

コンストラクターメソッド

コンストラクターは、クラスで作成されたオブジェクトを初期化するために使用される特別なメソッドです。クラスの新しいインスタンスが作成されると、自動的に呼び出されます。通常、渡されたパラメータを使用してオブジェクトのプロパティに値を割り当て、オブジェクトの作成時に適切に初期化されるようにします。

コンストラクターが自動的に呼び出され、クラスが初期化されるときは、正確な名前「constructor」を持つ必要があります。実際、コンストラクターがない場合、JavaScript は目に見えない空のコンストラクター メソッドを追加します。

注: クラスには複数の constructor() メソッドを含めることはできません。これにより、構文エラーが発生します。

その他のクラスの例

<code class="language-javascript">class Person {} // 空类

class Student {
  constructor(rollNo, name, age) {
    this.name = name;
    this.rollNo = rollNo;
    this.age = age;
  }
}

let student1 = new Student(1, "Alex", 12);
console.log(student1); // Output: Student { name: 'Alex', rollNo: 1, age: 12 }

class Product {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }

  displayProduct() {
    console.log(`Product: ${this.name}`);
    console.log(`Price: ${this.price}`);
  }
}

const product1 = new Product("Shirt", 19.32);
const product2 = new Product("Pant", 33.55);</code>

以上がJavaScriptのクラスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。