return キーワード

return を使用して、関数が最終版として生成する値を指定します。 表示されます。インタープリタが return ステートメントに到達すると、 そのステートメントが直ちに終了し、指定された値が 関数が呼び出されたコンテキスト:

const myFunction = function() {
   
return 2 + 2;
}

myFunction
();
> 4

値を返す関数は、実際にはそのデータとして扱える が次を含む:

const myFunction = function() {
   
return 2 + 2;
}

myFunction
() + myFunction();
> 8

式のない return ステートメントは、関数を終了して返します。 undefined:

const myFunction = function() {
   
return;
}

myFunction
();
> undefined

return キーワードは関数の終わりを通知するため、 return が実行されなかった場合:

const myFunction = function() {
   
return true;
   console
.log( "This is a string." );
}

myFunction
();
> true

また、検出された return ステートメントに続くコードでは、 警告が表示される(エラーではない)開発コンソール:

const myFunction = function() {
   
return true;
   console
.log( "This is a string." );
}
> unreachable code after return statement

myFunction
();
> true

繰り返しになりますが、これは return return ステートメントに連続して続くコードではなく、関数の実行のみに適用されます。

const myFunction = function( myParameter ) {
   
if( myParameter === undefined ) {
   
return "This is the result.";
   
}
   
return "This is the alternate result.";
}

myFunction
();
> "This is the result."

myFunction
( true );
> "This is the alternate result."

「ショート回路」早期の return を使用する関数では、より簡潔に 単一の return ステートメントよりも多くのコードを使用できます。たとえば、 次の関数は、渡された値が 5 を含む文字列かどうかを 使用できます。渡された値が文字列リテラルでない場合、 不要な文字がカウントされ、関数は false を返すことができます。 次のような結果になります。

function myFunction( myString ) {
   
if( typeof myString !== "string" ) {
   
return false;
   
}
   
if( myString.length >= 5 ) {
   
return true;
   
} else {
   
return false;
   
}
}

myFunction
( 100 );
> false

myFunction
( "St" );
> false

myFunction
( "String." );
> true

アロー関数式 アロー関数の本体で return キーワードが暗黙的に指定されるという点で に 1 つの式が含まれ、ブロック構文がないことを示しています。

const myFunction = () => 2 + 2;

myFunction
();
> 4

ブロック構文を使用してアロー関数の本文を定義する場合は、明示的な return 関数本体に式が 1 つしかない場合でも、必須です。

const myFunction = () => { 2 + 2 };

myFunction
();
> undefined
const myFunction = () => { return 2 + 2 };

myFunction
();
> 4

理解度をチェックする

return の用途

関数の最終結果を指定する。
関数の先頭にコードを返す。