ホームページ >ウェブフロントエンド >フロントエンドQ&A >関数の戻り値を実装するためのJavaScriptのステートメントは何ですか?

関数の戻り値を実装するためのJavaScriptのステートメントは何ですか?

青灯夜游
青灯夜游オリジナル
2021-10-18 17:52:504001ブラウズ

JavaScriptでは関数の戻り値を実装する文がreturnであり、構文は「return [戻り値];」となります。関数本体では、return ステートメントを使用して関数の戻り値を設定できます。return ステートメントが実行されると、関数は実行を停止し、return に続く式の値が計算されて返されます。

関数の戻り値を実装するためのJavaScriptのステートメントは何ですか?

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

JavaScript 関数は、外部と対話するための 2 つのインターフェイスを提供しており、パラメータは外部情報を受け取る入り口として機能し、戻り値は演算結果を外部にフィードバックする出口として機能します。

関数本体で、return ステートメントを使用して関数の戻り値を設定します。 return ステートメントが実行されると、関数の実行は停止し、return に続く式の値が評価されて返されます。関数に return ステートメントが含まれていない場合、関数本体の各ステートメントが実行された後に未定義の値が返されます。

JavaScript は型指定が弱い言語であるため、関数は受信および出力する値に型制限がなく、JavaScript は入力値と出力値の型を自動的に検出しません。

例 1

次のコードは、関数の戻り値を関数として定義します。

function f() {
    return function(x,y) {
        return x + y;
    }
}

例 2

関数のパラメータに制限はありませんが、戻り値は 1 つだけです。複数の値を出力したい場合は、次のように設計できます。配列またはオブジェクトを介してそれを実行します。

function f() {
    var a = [];
    a[0] = true;
    a[1] = function(x,y) {
        return x + y;
    }
    a[2] = 123;
    return a;  //返回多个值
}

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

例 3

関数本体には複数の 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;
}

[推奨学習: JavaScript 上級チュートリアル]

以上が関数の戻り値を実装するためのJavaScriptのステートメントは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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