ホームページ > ウェブフロントエンド > jsチュートリアル > ES6 アロー関数の暗黙的リターンと明示的リターン: いつどちらを使用する必要がありますか?

ES6 アロー関数の暗黙的リターンと明示的リターン: いつどちらを使用する必要がありますか?

DDD
リリース: 2025-01-02 12:50:39
オリジナル
638 人が閲覧しました

Implicit vs. Explicit Return in ES6 Arrow Functions: When Should I Use Which?

ES6 アロー関数の暗黙的リターンまたは明示的リターン: いつ使用するか

ES6 ではアロー関数が導入され、簡潔で暗黙的な記述方法が提供されました。機能。デフォルトでは、戻り値は特定の状況下では暗黙的になります。ただし、明示的な return ステートメントが必要な場合もあります。

暗黙的な Return:

アロー関数がブロックのない括弧で囲まれた単一の式で構成されている場合、式は暗黙的に の値として返されます。 function.

例:

const greet = (name) => 'Hello, ' + name;
console.log(greet('John')); // Output: Hello, John
ログイン後にコピー

明示的な戻り値:

  1. ブロック: 中括弧を使用したブロック区切りを持つアロー関数は、明示的に return ステートメントを定義する必要があります。戻り値。
  2. 複数行: アロー関数式がブロックなしで複数行に展開される場合、明示的な return が必要です。それ以外の場合は、SyntaxError が発生します。
  3. 構文の曖昧さ: ブロック ステートメントに似ているが実際にはラベルである中括弧を含むアロー関数は、未定義の戻り値を返す可能性があります。これを回避するには、明示的な return を使用します。

例:

// No block, implicit return
const implicit = (name) => {id: name};
console.log(implicit('Jane')); // Output: {id: 'Jane'}

// Block without explicit return
const blockWithoutReturn = (name) => {...};
console.log(blockWithoutReturn('Joe')); // Output: undefined

// Block with explicit return
const blockWithReturn = (name) => {return {id: name}};
console.log(blockWithReturn('Jill')); // Output: {id: 'Jill'}
ログイン後にコピー

要約すると、暗黙的な return は単一のアロー関数を使用する場合に便利です。式、明示的なリターンはブロック、複数行の式、および潜在的な構文の曖昧さのために必要です。

以上がES6 アロー関数の暗黙的リターンと明示的リターン: いつどちらを使用する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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