LoginSignup
0

More than 1 year has passed since last update.

JavaScriptでクラスとインスタンスを作成

Last updated at Posted at 2020-07-07

はじめに

JavaScriptでクラスとインスタンスについて復習しました。

クラスとインスタンス

前回オブジェクトとクラスとインスタンスの概念について勉強しました。
そこで今回はJavaScriptでクラスとインスタンスを用いると、どのような形で実装できるのかを確認していきます。

index.js
// Slimeクラスの作成
class Slime {
  // コンストラクタ
  constructor(color, level){
    this.color = color;
    this.level = level;
  }
}

// Slimeインスタンスを生成
const slimeA = new Slime('blue', 5);
const slimeB = new Slime('red', 50);

// 出力結果をconsole.logで確認
console.log('slimeA : ', slimeA.color); // blue
console.log('slimeA : ', slimeA.level); // 5

console.log('slimeB : ', slimeB.color); // red
console.log('slimeB : ', slimeB.level); // 50

感想

今日はクラスとインスタンスの基礎的な部分について勉強しましたが、フレームワークで応用できるようにできればと思います。
明日も頑張ります。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0