NEW ARTICLE
kotlin 正規表現を使用して文字列が部分一致で含まれているかを判定する
  1. HOME
  2. javascript
  3. javascript クラスを作成してみる

javascript クラスを作成してみる

javascript クラスを作成してみる

javascriptでも他の言語と同じようにクラスを実装することができるので、簡単なクラスを使用したサンプルコードを記述してます。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 103.0.5060.66
Javascript サンプル集はこちら

クラス使用

以下のように、javascriptでも他の言語と同じようにクラスを作成することが可能です。

class hoge {

  constructor() {
    console.log('コンストラクタを実行');
  }
   
  foo() {
    console.log('fooを実行');
  }
}

const bar = new hoge(); // コンストラクタを実行
bar.foo(); // fooを実行

以下のように継承することも可能です。

class hoge {

  constructor() {
    console.log('コンストラクタを実行');
  }

  foo() {
    console.log('fooを実行');
  }
}

// 継承
class exhoge extends hoge {
}

const bar = new exhoge(); // 親クラスのコンストラクタを実行　結果は同じ
bar.foo();　// 親クラスのfooを実行　結果は同じ

またクラス内は、常にstrictモードとなります。

use strictについて
class hoge {

  constructor() {
    x = 1; // Uncaught ReferenceError: x is not defined
    console.log('コンストラクタを実行');
  }

  foo() {
    console.log('fooを実行');
  }
}

firefox102の場合は、以下のエラーとなります。

Uncaught ReferenceError: assignment to undeclared variable x