ホームページ >ウェブフロントエンド >jsチュートリアル >ES2015 で `var` なしでアロー関数に名前を付けることはできますか?
ES6 では、アロー関数を使用してコードを拡張できます。ただし、名前付き関数を扱う場合、var ステートメントを使用せずにアロー関数に名前を割り当てる方法はないかと疑問に思うかもしれません。
従来の構文を使用して次の名前付き関数を考えてみましょう。
function sayHello(name) { console.log(name + ' says hello'); }
ES6 では、次のようにこの関数をアロー構文に変換できます:
var sayHello = (name) => { console.log(name + ' says hello'); }
しかし、明示的に var で宣言せずにアロー関数に名前を付けたい場合はどうすればよいですか?
その答えは、JavaScript の変数宣言の動作を利用することにあります。 var を使用せずにアロー関数を変数またはプロパティに割り当てるだけで、JavaScript エンジンが自動的にその関数に名前を割り当てます。
sayHello = (name) => { console.log(name + ' says hello'); }
このアプローチでは、次に示すように、実際の名前を持つ関数が作成されます。
console.log(sayHello.name); // "sayHello"
この手法はアロー関数に限定されないことに注意してください。これは、従来の匿名関数式にも適用されます。
以上がES2015 で `var` なしでアロー関数に名前を付けることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。