JavaScriptで戻り値の確認を呼び出す方法

JavaScript は、フロントエンド開発とバックエンド開発の両方に使用できる、広く使用されているプログラミング言語です。このうち、確認ポップアップ ウィンドウは一般的な操作方法であり、確認ダイアログ ボックスでは、ユーザーは「OK」または「キャンセル」の 2 つのオプションを選択できます。しかし、実際の開発では、ユーザーが選択した後に別の操作を実行する必要があることがよくあります。では、どのようにconfirmを呼び出して値を返すのでしょうか?この記事では詳しく紹介していきます。

1. 確認ダイアログ ボックス

JavaScript では、確認ダイアログ ボックスを作成するために、confirm() メソッドが使用されます。構文は次のとおりです。

confirm(msg)

このうち、msg は確認ダイアログに表示するメッセージを表す文字列型パラメータです。このメソッドは、ユーザーが「OK」または「キャンセル」のどちらを選択したかを示すブール値を返します。

确认：true
取消：false

たとえば、次のコードは、ユーザーにフォームを送信するかどうかを尋ねる確認ダイアログ ボックスを作成します。

var result = confirm("是否提交表单？");
if(result){
   // 用户选择了“确定”
}else{
   // 用户选择了“取消”
}

2.confirm 呼び出しの戻り値

実際の開発では、通常、ユーザーの選択に基づいてさまざまな操作を実行する必要があります。したがって、confirm メソッドを呼び出すときは、ユーザーの選択内容を変数に保存し、変数の値に基づいてさまざまな操作を実行する必要があります。

次は簡単な例です。ユーザーが「OK」を選択すると、ページは Baidu ホームページにジャンプします。ユーザーが「キャンセル」を選択すると、ページにプロンプ​​ト ボックスが表示されます:

var result = confirm("确认要跳转到百度首页吗？");
if(result){
   window.location.href = "https://www.baidu.com";
}else{
   alert("已取消跳转。");
}

上記のコードでは、window.location.href 属性を使用してページ ジャンプを実装し、alert メソッドを使用してプロンプト ボックスを作成します。

3. 関数を使用してconfirmをカプセル化する

上記の例では、if ステートメントを使用してユーザーの選択を判断し、さまざまな操作を実行しました。ただし、この判定ロジックを使用する必要がある確認ダイアログが複数ある場合、コードの重複が比較的多くなり、メンテナンス性が悪くなります。したがって、ユーザーの選択を処理する関数をカプセル化することができ、コードがより明確かつ簡潔になります。

次は例です。showconfirm という名前の関数を作成します。この関数は 2 つのパラメーターを受け取ります。1 つは表示されるメッセージで、もう 1 つはユーザーが「OK」をクリックしたときに実行されるコールバック関数です。

function showConfirm(msg,callback) {
   var result = confirm(msg);
   if(result){
      callback();
   }
}

上記のコードでは、コールバック関数を使用して「OK」ボタンのクリック イベントを実装しています。ユーザーが「OK」を選択すると、コールバック関数が呼び出され、対応する操作が実行されます。

次は、showconfirm 関数の使用方法の例です。ユーザーがボタンをクリックすると、Baidu ホームページにジャンプするかどうかを尋ねる確認ダイアログ ボックスが表示されます。ユーザーが「OK」を選択すると、ページは Baidu ホームページにジャンプします。ユーザーが「キャンセル」を選択すると、操作は行われません:

<button onclick="showConfirm('是否跳转到百度首页？', function() {window.location.href='https://www.baidu.com'})">跳转到百度</button>

上記のコードでは、showconfirm 関数を使用して、確認ダイアログボックスが表示され、ユーザーの選択が処理されます。コールバック関数の特性上、ユーザーが「OK」を選択した際の動作を関数にカスタマイズすることができ、コードの拡張性や保守性が向上します。

概要

JavaScript では、confirm を呼び出して値を返すことは一般的なプログラミング スキルであり、開発における重要な知識ポイントです。この記事では、confirm メソッドを使用して確認ダイアログ ボックスを作成する方法と、ユーザーが選択した戻り値に基づいてさまざまな操作を実行する方法を簡単に紹介します。同時に、実際の開発におけるコードの可読性と保守性を向上させるために、confirmをカプセル化する関数の使い方も紹介しました。

以上がJavaScriptで戻り値の確認を呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。