NEW ARTICLE
PyCharm 最近の変更を一覧表示するショートカットキー
  1. HOME
  2. javascript
  3. javascript 使用しているクラスの名前を確認する

javascript 使用しているクラスの名前を確認する

javascript 使用しているクラスの名前を確認する

javascriptで、使用しているクラスの名前を確認するサンプルコードを掲載してます。htmlタグのクラスではなくオブジェクトクラスの方です。名前を確認するには「constructor.name」を使用します。ブラウザはchromeを使用しています。

目次

環境

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

クラスの名前を確認

クラスの名前を確認するには、「constructor.name」を使用します。

変数名.constructor.name

実際に、クラスを作成して「new」したもののクラス名を確認してみます。

class hoge {

  constructor() {}

}

const foo = new hoge();
const bar = new hoge();

console.log(foo.constructor.name); // hoge
console.log(bar.constructor.name); // hoge

クラス名が取得されていることが確認できます。

関数に使用

「constructor.name」は、関数に使用すると以下の結果が返ります。

function hoge(x, y) {
  return x + y;
};

async function foo(x, y) {
  return x + y;
};

console.log(hoge.constructor.name); // Function

console.log(foo.constructor.name); // AsyncFunction