JavaScript で Eval を使用しない実行時名前付き関数

eval や従来とは異なるエンジン固有の機能を使用せずに、実行時に決定される名前を持つ JavaScript 関数を作成することは可能ですか?はい、これは ECMAScript 2015 (ES6) 以降で可能になりました。

ES6 の解決策: 計算されたプロパティ名

ES6 では、オブジェクト プロパティに割り当てられた匿名関数式の名前がその名前になります。財産。これを計算されたプロパティ名と組み合わせて、新しい Function や eval を使用せずに関数に名前を付けることができます。例:

const dynamicName = "foo"   Math.floor(Math.random() * 1000);
const obj = {
    [dynamicName]() {
        throw new Error();
    },
};
const f = obj[dynamicName];

これにより、「foo###」という名前の関数が作成されます。### は 1 ～ 3 桁のランダムな数字です。

関数名の可視性

関数の name プロパティには動的な名前が反映されます。上記のコード スニペットの互換性に関する注記は、Edge と Safari では現在スタック トレースに名前が表示されないという事実を示しています。