ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript関数の戻り値とreturn文の詳しい解説

JavaScript関数の戻り値とreturn文の詳しい解説

青灯夜游
リリース: 2022-08-04 09:47:08
オリジナル
3893 人が閲覧しました

JavaScript 関数は外部と対話するための 2 つのインターフェースを提供しており、パラメータは外部情報を受け取る入り口として機能し、戻り値は演算結果を外部にフィードバックする出口として機能します。次の記事では、JavaScript 関数の戻り値を理解し、return ステートメントの使用法を簡単に分析します。

JavaScript関数の戻り値とreturn文の詳しい解説

#関数は、特定の関数または操作を実装できる関数のコレクションです。関数内で関数を実行した後に結果を保持しても意味がないため、関数の結果を関数が呼び出された場所に返す必要があります。

関数本体では、return ステートメントを使用して関数の戻り値を設定します。return ステートメントは通常、関数の最後に定義されます。文法形式:

return 返回值;
ログイン後にコピー

このうち、「戻り値」はオプションのパラメータで、特定の値または式を指定することも、空にすることもできます。 「戻り値」と return キーワードはスペースで区切る必要があります。

JavaScript は弱い型指定言語であるため、関数は受信および出力する値に型制限がなく、JavaScript は入力値と出力値の型を自動的に検出しません。したがって、戻り値 (式の結果) は、配列、オブジェクト、文字列などの任意の型にすることができます。

  • 戻り値を持つ関数の場合、変数を使用してこの関数の戻り値を受け取ることができます。サンプル コードは次のとおりです:

  • //声明一个带返回值的函数
    function getSum(num1, num2){
            //函数体
        return num1 + num2;
    }
    //可以通过变量来接收这个返回值
    var sum1 = getSum(7, 12);      // 函数返回值为:19
    var sum2 = getSum(-5, 33);     // 函数返回值为:28
    ログイン後にコピー
  • 関数に return ステートメントが含まれていない場合、関数本体の各ステートメントが実行された後に

    unknown 値が返されます。

JavaScript関数の戻り値とreturn文の詳しい解説

  • #関数では、「return」ステートメントが実行されると、関数全体が終了します。

    は実行されなくなります。その後、return に続く式の値が評価されて返されます。

JavaScript関数の戻り値とreturn文の詳しい解説

  • 「return」の後の値には

    を 1 つだけ含めることができます。複数の値を返そうとした場合、結果は常に最後の値になります

JavaScript関数の戻り値とreturn文の詳しい解説

#return ステートメントで返せるパラメータは 1 つだけですつまり、返せる値は 1 つだけであり、一度に複数の値を返すことはできません。複数の値を返したい場合は、関数内で配列を定義し、戻り値を配列に格納して返す必要があります。

function division(dividend, divisor){
    var quotient = dividend / divisor;
    var arr = [dividend, divisor, quotient]
    return arr;
}
var res = division(100, 4)
console.log(res[0]);         // 输出:100
console.log(res[1]);         // 输出:4
console.log(res[2]);         // 输出:25
ログイン後にコピー

上記のコードでは、関数の戻り値は 3 つの要素を含む配列であるため、return ステートメントを使用して複数の値を返すという目的は達成されています。

JavaScript関数の戻り値とreturn文の詳しい解説

#関数本体には複数の return ステートメントを含めることができますが、実行できる return ステートメントは 1 つだけなので、関数本体で分岐構造を使用できます。関数の戻り値を決定するか、return ステートメントを使用して関数の実行を早期に終了します。
  • function f(x,y) {
        //如果参数为非数字类型,则终止函数执行
        if (typeof x != "number" || typeof y != "number") return;
        //根据条件返回值
        if (x > y) return x - y;
        if (x < y) return y - x;
        if (x * y <= 0) return x + y;
    }
    console.log(f(1,6));
    console.log(f(4,2));
    console.log(f(0,0));
    ログイン後にコピー

    JavaScript関数の戻り値とreturn文の詳しい解説概要:

    return ステートメントは、関数 "or" は値を返します。値を返した後、関数の実行はすぐに終了するため、通常、return ステートメントは関数の最後に配置されます。
    • return が複数ある場合は、return ステートメントが関数の最後に配置されます。関数内のステートメント、最初のステートメントのみが実行されます;
    • return ステートメントはパラメーターを返さない場合があり、これは関数の実行を終了するのと同じです;
    • [関連する推奨事項:
    • JavaScript 学習チュートリアル

    ]

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

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