ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで関数の実行を停止する方法

JavaScriptで関数の実行を停止する方法

青灯夜游
リリース: 2023-01-04 09:36:09
オリジナル
14039 人が閲覧しました

JavaScript では、「return」キーワードを使用して関数の実行を停止できます。関数に「return;」コードを追加するだけです。 Return は文字通り「戻る」という意味で、公式の定義では、return ステートメントは現在の関数の実行を終了し、現在の関数の値を返すために使用されます。

JavaScriptで関数の実行を停止する方法

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

JavaScript では、関数を終了したい場合は return を使用します。例は次のとおりです:

function testA(){
    alert('a');
    alert('b');
    alert('c');
}
ログイン後にコピー

testA(); プログラムが実行されたときを実行すると、'aが順にポップアップします。'、'b'、'c'。

function testA(){
    alert('a');
    return;
    alert('b');
    alert('c');
}
ログイン後にコピー

testA(); 「a」が表示されると、プログラムの実行は終了します。

#[推奨学習:

javascript 上級チュートリアル]

javascript return ステートメント

JavaScript return ステートメント、from を示す呼び出された関数は呼び出し元の関数に戻り、実行を継続します。戻り値は、return 後のパラメータで指定されます。通常、計算結果は関数が呼び出されたときに戻り値として取り出されるために、Return が必要になります。関数の実行で計算結果を返す必要がない場合は、多くの場合、関数がスムーズに実行されたかどうかを示すステータス コードを返す必要があります (ステータス コードとして最も一般的に使用されるのは -1 と 0)。戻り値による、呼び出された関数の実行。

戻り値の機能は、固定でよく使われるコードをカプセル化してクラスに記述し、使用するたびに呼び出すだけです。

まずは、rentの実際の使い方を簡単にまとめてみましょう。

1. return ステートメントは関数の実行を終了し、関数の値を返します。

onclick イベントをトリガーするボタンを作成します

function demo1() {
return1;
document.write(&#39; <div class="print-result">&#39;+"demo1"+&#39;</div>&#39;);
}
ログイン後にコピー

戻るとき、関数の値は 1 に等しく、後続のコードは実行されず、後続の出力はありません。

function demo2() {
function a(b,c) {
return b+c;
document.write(&#39;<div class= "print-result">&#39;+ (b+c) +&#39;</div>&#39;);
}
var abc=a(5,80);
alert(abc);
}
ログイン後にコピー

変数 abc を呼び出すと、その値は 85 になります。値を返さずに結果を直接出力したい場合は、return b c を削除します。このようにすると、abc には値がありませんが、Webページには 85 が出力されます。

デフォルト関数には戻り値がないとも言えます。通常、関数は一連の処理後に値やオブジェクトを外部に返す必要がありますが、例えば

function demo3() {
function sum(a,b){
returna+b
}
alert(sum(1,2));
}
ログイン後にコピー

このとき、alert で表示される値は 3 であり、return を外すと未定義となります。戻ってきた。

2. 関数の戻り値に基づくアプリケーション

関数終了時の return のアプリケーション: return return: false; イベント処理関数の場合、デフォルトのイベント動作を防止するために使用され、デフォルトのアクションをキャンセルします。例:

<a href ="一个网址"  οnclick= “return demo4()”>demo4</a>
ログイン後にコピー

それに戻り値を追加します

function demo4() {return false;}
ログイン後にコピー

リンクをクリックしてもジャンプしないようにします

上記は一般的な使用法ですこのとき、より一般的な問題、つまり、for ループで return が使用されている場合、次のループが実行されるかどうかという問題があります。

function demo5() {
for(var i=1; ;i++) {
console.log(i+"A");
return;
console.log(i+"B");}
console.log(i+"C");}
ログイン後にコピー

リターンのため、関数は動作を直接終了して現在値を返すため、この関数の出力値は 1A のみです。

したがって、次の関数

function demo6() {
function counter() {
for(var count=1; ;count++) {
console.log(count+"A");
if(count===5) {return;}
console.log(count+"B");}
console.log(count+"C");}
counter();}
ログイン後にコピー
の出力値は 1A、1B、2A、2B、3A、3B、4A、4B、5C になります。

プログラミング関連の知識について詳しくは、

プログラミング ビデオをご覧ください。 !

以上がJavaScriptで関数の実行を停止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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