ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptのreturn文の使い方

JavaScriptのreturn文の使い方

青灯夜游
青灯夜游オリジナル
2021-07-01 18:07:363649ブラウズ

return ステートメントは、現在の関数を終了し、現在の関数の値を返すために使用できます。関数が return ステートメントを実行すると、すぐに関数の値を返し、関数の実行を終了します。ステートメントの後のコードは実行されません。この機能を利用して、関数の実行を早期に終了する必要がある場合は、戻り値のない return ステートメントを使用して関数の実行を中止します。

JavaScriptのreturn文の使い方

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JS return ステートメントの使用法

JavaScript return ステートメントには、関数定義に 2 つの関数があります:

  • 1 つ目は関数の値を返すことです;

  • 2 つ目は関数の実行を終了することです。

return ステートメントは、基本的なデータ型、オブジェクト、関数などを含む任意の型の値を返すことができます。すべての関数は値を返します。 return ステートメントが使用されていない場合、または return が使用されているがその後に戻り値が指定されていない場合、関数は「未定義」値を返します。 「未定義」以外の値を返す必要がある場合は、return を使用して戻り値を指定する必要があります。

関数は return 文を実行すると、直ちに関数の値を返して関数の実行を終了しますが、このとき return 文以降のコードは実行されません。このような return 文の性質により、関数の実行を早期に終了する必要がある場合には、関数の実行をいつでも終了できるように、戻り値のない return 文がよく使用されます。

return ステートメントの使用例

例 1: return ステートメントは関数の値を明示的に返します

 function expressionCaculate(x){
     if((x >= -10) && (x <= 10)){
         return x * x - 1;
     } else {
         return 5 * x + 3;
     }
   }
   console.log(expressionCaculate(6));
   console.log(expressionCaculate(12));

expressionCaculate() の return の後には式が続きます。関数が return ステートメントを実行すると、式の値が最初に計算され、次に値が返されます。関数が呼び出されると、x に渡された値に応じて、異なる式の値が返されます。

例 2: return ステートメントは関数の実行を中止します

   function add(a,b){
     if(a > b){
         console.log("a大于b");
         return;
         console.log("a+b=" + (a + b));
     }
     console.log("a+b=" + (a + b));
   }
   add(7,3);

add(7,3) コードが実行されると、add() メソッドが呼び出されます。最初のパラメータの値が 2 番目のパラメータより大きい場合、コンソールに「a は b より大きい」と出力され、関数はリターンして実行を停止します。そのため、return ステートメント以降の 2 つのログは出力されません。

実行結果

JavaScriptのreturn文の使い方

##例 3: return ステートメントは関数を返します

   function outerFunc(){
        var b = 0;
       return function(){ //返回匿名函数
            b++;
            console.log("内部函数中b=" + b);
        }
   }
   var func = outerFunc();
   func();
outerFunc() 関数は匿名関数を返すため、outerFunc 関数の呼び出し式は関数式になり、変数 func を使用して匿名関数を呼び出すことができます。

実行結果

JavaScriptのreturn文の使い方[関連する推奨事項:

JavaScript 学習チュートリアル

]

以上がJavaScriptのreturn文の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。