ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で 10 個の異なるクラスを作成する

JavaScript で 10 個の異なるクラスを作成する

王林
王林オリジナル
2023-05-12 15:36:38371ブラウズ

JavaScript は、さまざまな種類のプログラムやアプリケーションの作成に使用できる人気のあるプログラミング言語です。 JavaScript では、クラスを使用してオブジェクトを作成し、現実世界の概念をシミュレートします。この記事では、それぞれに特定の目的と機能を備えた 10 種類の JavaScript クラスを紹介します。

  1. Animal クラス

Animal クラスは、動物オブジェクトを作成するために使用される単純なクラスです。これには、名前、年齢、性別などのいくつかの属性が含まれており、名前の取得、性別の取得などのいくつかのメソッドが提供されます。

class Animal {
  constructor(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
  }
  
  getName() {
    return this.name;
  }
  
  getGender() {
    return this.gender;
  }
  
  getAge() {
    return this.age;
  }
}
  1. パーソン クラス

パーソン クラスは、キャラクター オブジェクトの作成に使用されるより複雑なクラスです。これには、名前、年齢、職業などのいくつかの属性が含まれており、名前の取得、職業の取得などのいくつかのメソッドが提供されます。

class Person {
  constructor(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
  }
  
  getName() {
    return this.name;
  }
  
  getJob() {
    return this.job;
  }
  
  getAge() {
    return this.age;
  }
}
  1. Vehicle クラス

Vehicle クラスは、車両オブジェクトを作成するために使用されるクラスです。これには、車のモデル、ナンバー プレート番号、エンジン タイプなどのいくつかの属性が含まれており、車のモデルの取得、ナンバー プレート番号の取得などのいくつかのメソッドが提供されます。

class Vehicle {
  constructor(model, plate, engineType) {
    this.model = model;
    this.plate = plate;
    this.engineType = engineType;
  }
  
  getModel() {
    return this.model;
  }
  
  getPlate() {
    return this.plate;
  }
  
  getEngineType() {
    return this.engineType;
  }
}
  1. Book クラス

Book クラスは、書籍オブジェクトを作成するために使用されるクラスです。これには、本のタイトル、著者、出版年などのいくつかの属性が含まれており、本のタイトルの取得、著者の取得などのいくつかのメソッドが提供されます。

class Book {
  constructor(title, author, pubYear) {
    this.title = title;
    this.author = author;
    this.pubYear = pubYear;
  }
  
  getTitle() {
    return this.title;
  }
  
  getAuthor() {
    return this.author;
  }
  
  getPubYear() {
    return this.pubYear;
  }
}
  1. Food クラス

Food クラスは、食品オブジェクトを作成するために使用されるクラスです。これには、名前、カテゴリ、価格などのいくつかの属性が含まれており、名前の取得、価格の取得などのいくつかのメソッドが提供されます。

class Food {
  constructor(name, category, price) {
    this.name = name;
    this.category = category;
    this.price = price;
  }
  
  getName() {
    return this.name;
  }
  
  getCategory() {
    return this.category;
  }
  
  getPrice() {
    return this.price;
  }
}
  1. Shape クラス

Shape クラスは、シェイプ オブジェクトを作成するために使用されるクラスです。これには、タイプ、サイズ、色などのいくつかのプロパティが含まれており、タイプの取得、面積の計算などのいくつかのメソッドが提供されます。

class Shape {
  constructor(type, size, color) {
    this.type = type;
    this.size = size;
    this.color = color;
  }
  
  getType() {
    return this.type;
  }
  
  getSize() {
    return this.size;
  }
  
  getColor() {
    return this.color;
  }
  
  calculateArea() {
    // code to calculate area
  }
}
  1. Movie クラス

Movie クラスは、ムービー オブジェクトを作成するために使用されるクラスです。これには、名前、監督、主演などのいくつかの属性が含まれており、名前の取得、主演の取得などのいくつかのメソッドが提供されます。

class Movie {
  constructor(title, director, actors) {
    this.title = title;
    this.director = director;
    this.actors = actors;
  }
  
  getTitle() {
    return this.title;
  }
  
  getDirector() {
    return this.director;
  }
  
  getActors() {
    return this.actors;
  }
}
  1. Employee クラス

Employee クラスは、従業員オブジェクトを作成するために使用されるクラスです。これには、名前、役職番号、役職などのいくつかの属性が含まれており、名前の取得、役職の取得などのいくつかのメソッドが提供されます。

class Employee {
  constructor(name, id, jobTitle) {
    this.name = name;
    this.id = id;
    this.jobTitle = jobTitle;
  }
  
  getName() {
    return this.name;
  }
  
  getId() {
    return this.id;
  }
  
  getJobTitle() {
    return this.jobTitle;
  }
}
  1. コンピュータ クラス

コンピュータ クラスは、コンピュータ オブジェクトを作成するために使用されるクラスです。これには、ブランド、モデル、オペレーティング システムなどのいくつかの属性が含まれており、ブランドの取得、モデルの取得などのいくつかのメソッドが提供されます。

class Computer {
  constructor(brand, model, os) {
    this.brand = brand;
    this.model = model;
    this.os = os;
  }
  
  getBrand() {
    return this.brand;
  }
  
  getModel() {
    return this.model;
  }
  
  getOS() {
    return this.os;
  }
}
  1. Article クラス

Article クラスは、article オブジェクトを作成するために使用されるクラスです。これには、タイトル、作成者、コンテンツなどのいくつかの属性が含まれており、タイトルの取得、コンテンツの取得などのいくつかのメソッドが提供されます。

class Article {
  constructor(title, author, content) {
    this.title = title;
    this.author = author;
    this.content = content;
  }
  
  getTitle() {
    return this.title;
  }
  
  getAuthor() {
    return this.author;
  }
  
  getContent() {
    return this.content;
  }
}

上記は 10 個の異なる JavaScript クラスであり、各クラスには特定の目的と機能があります。これらのクラスを使用すると、さまざまなタイプのオブジェクトを作成でき、コードの作成をより簡潔かつ効率的にするための便利なメソッドが多数提供されます。 Web ページを開発する場合でも、アプリケーションを開発する場合でも、JavaScript クラスは非常に便利なツールなので、日常のプログラミング作業で柔軟に使用する必要があります。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。