Function.name

Warning: スクリプトインタープリターは、関数が name と呼ばれるプロパティを持っていない場合に限り、関数の name プロパティを設定します（9.11.2. of the ECMAScript2015 Language Specification セクションを見てください。）静的なメソッドやプロパティの name() を持つ ES2015 のクラスでは、オブジェクトの関数名の読み取りは動作しません。

class Foo {
  constructor() {}
  static name() {}
}
var foo = new Foo();
console.log(foo.constructor.name); // logs function name()

// Name of constructor function Foo is no longer read-only
Foo.name = "Hello";
console.log(foo.constructor.name); // logs "Hello"

function Foo() {}
Object.defineProperty(Foo, "name", { writable: true });
Foo.name = function() { 
   return "Hello"; 
};
var foo = new Foo();
console.log(foo.constructor.name); // logs function() { return "Hello"; }

したがって、実際のクラス名を常に保持するために Function.name に頼ることは望ましくありません。

Warning: Function.name を使用しているときに、JavaScript 圧縮（ミニファイ）や難読かのような返還を行う際には注意が必要です。これらのツールは、これらのツールは、JavaScript ビルドパイプラインの一部として、製品を展開する前にプログラムのサイズを縮小するために使用されます。それらの返還はしばしばビルド時に関数名を変更します。

次のようなソースコードは、

function Foo() {};
var foo = new Foo();

if (foo.constructor.name === "Foo") {
  console.log("'foo' is an instance of 'Foo'");
} else {
  console.log("Oops!");
}

このように圧縮されるかもしれません:

function a() {};
var b = new a();
if (b.constructor.name === "Foo") {
  console.log("'foo' is an instance of 'Foo'");
} else {
  console.log("Oops!");
}