So rufen Sie den Bestätigungsrückgabewert in Javascript auf

JavaScript ist eine weit verbreitete Programmiersprache, die sowohl für die Front-End- als auch für die Backend-Entwicklung verwendet werden kann. Unter diesen ist das Bestätigungs-Popup-Fenster eine gängige Interaktionsmethode. Im Bestätigungsdialogfeld kann der Benutzer zwei Optionen auswählen: „OK“ oder „Abbrechen“. In der tatsächlichen Entwicklung müssen wir jedoch häufig unterschiedliche Vorgänge ausführen, nachdem der Benutzer sie ausgewählt hat. Wie rufe ich also „Bestätigen“ auf, um den Wert zurückzugeben? In diesem Artikel wird es Ihnen ausführlich vorgestellt.

1. Bestätigungsdialogfeld

In JavaScript wird die Methode „confirm()“ verwendet, um ein Bestätigungsdialogfeld zu erstellen. Seine Syntax lautet wie folgt:

confirm(msg)

Unter anderem ist msg ein String-Typ-Parameter, der die Nachricht darstellt, die im Bestätigungsdialogfeld angezeigt werden soll. Diese Methode gibt einen booleschen Wert zurück, der angibt, ob der Benutzer „OK“ oder „Abbrechen“ ausgewählt hat:

确认：true
取消：false

Der folgende Code erstellt beispielsweise ein Bestätigungsdialogfeld, in dem der Benutzer gefragt wird, ob er das Formular absenden möchte:

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

2. Aufruf Rückgabewert bestätigen

In der tatsächlichen Entwicklung müssen wir normalerweise je nach Auswahl des Benutzers unterschiedliche Vorgänge ausführen. Daher müssen wir beim Aufruf der Bestätigungsmethode die Auswahl des Benutzers in einer Variablen speichern und basierend auf dem Wert der Variablen verschiedene Vorgänge ausführen.

Das Folgende ist ein einfaches Beispiel. Wenn der Benutzer „OK“ auswählt, springt die Seite zur Baidu-Startseite. Wenn der Benutzer „Abbrechen“ auswählt, wird auf der Seite ein Eingabeaufforderungsfeld angezeigt:

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

Im obigen Code wir Die Eigenschaft window.location.href wird zum Implementieren des Seitensprungs und die Alert-Methode zum Erstellen eines Eingabeaufforderungsfelds verwendet.

3. Verwenden Sie Funktionen, um die Bestätigung zu kapseln. Im obigen Beispiel haben wir die if-Anweisung verwendet, um die Auswahl des Benutzers zu beurteilen und verschiedene Vorgänge auszuführen. Wenn jedoch mehrere Bestätigungsdialogfelder vorhanden sind, die diese Beurteilungslogik verwenden müssen, ist die Codeduplizierung relativ hoch, was der Wartung nicht förderlich ist. Daher können wir eine Funktion kapseln, um die Auswahl des Benutzers zu verarbeiten, und der Code wird klarer und prägnanter.

Hier ist ein Beispiel, in dem wir eine Funktion namens showConfirm erstellen, die zwei Parameter empfängt, einer ist die anzuzeigende Nachricht und der andere ist die Rückruffunktion, die ausgeführt wird, wenn der Benutzer auf „OK“ klickt:

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

Im obigen In Im Code verwenden wir eine Callback-Funktion, um das Klickereignis der Schaltfläche „OK“ zu implementieren. Wenn der Benutzer „OK“ auswählt, wird die Rückruffunktion aufgerufen, um den entsprechenden Vorgang auszuführen.

Hier ist ein Beispiel für die Verwendung der showConfirm-Funktion. Wenn der Benutzer auf die Schaltfläche klickt, wird ein Bestätigungsdialogfeld angezeigt, in dem er gefragt wird, ob er zur Baidu-Homepage springen möchte. Wenn der Benutzer „OK“ auswählt, springt die Seite zur Baidu-Startseite. Wenn der Benutzer „Abbrechen“ auswählt, erfolgt kein Vorgang:

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

Im obigen Code verwenden wir die Funktion showConfirm, um das Bestätigungsdialogfeld Pop zu kapseln -Up- und Benutzerauswahl-Handhabung. Aufgrund der Eigenschaften der Rückruffunktion können wir eine Funktion für den Vorgang anpassen, der ausgeführt wird, wenn der Benutzer „OK“ auswählt, was die Skalierbarkeit und Wartbarkeit des Codes verbessert.

Zusammenfassung

In JavaScript ist der Aufruf von „Bestätigen“ zur Rückgabe eines Werts eine gängige Programmiertechnik und ein wesentlicher Wissenspunkt in der Entwicklung. In diesem Artikel wird kurz vorgestellt, wie Sie mithilfe der Bestätigungsmethode ein Bestätigungsdialogfeld erstellen und verschiedene Vorgänge basierend auf dem vom Benutzer ausgewählten Rückgabewert ausführen. Gleichzeitig haben wir auch eingeführt, wie Funktionen zur Kapselung von Bestätigungen verwendet werden können, um die Lesbarkeit und Wartbarkeit des Codes in der tatsächlichen Entwicklung zu verbessern.

Das obige ist der detaillierte Inhalt vonSo rufen Sie den Bestätigungsrückgabewert in Javascript auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!