ホームページ > ウェブフロントエンド > jsチュートリアル > ES2015 で `var` なしでアロー関数に名前を付けることはできますか?

ES2015 で `var` なしでアロー関数に名前を付けることはできますか?

Susan Sarandon
リリース: 2024-11-06 14:05:03
オリジナル
826 人が閲覧しました

Can You Name Arrow Functions in ES2015 Without `var`?

ES2015 でアロー関数に名前を付ける方法

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート