JavaScript Callbacks?

Eine Sache die ich schon lange nicht verstehe ist warum Leute die Funktion als Parameter übergeben, das muss man doch gar nicht.

function sayHello1(callback){
alert("Hello1");
callback();
}

function sayHello2(){
    alert("Hello2")
}

sayHello1(sayHello2);

ginge genau so auch in zwei wörtern kürzer.

function sayHello1(){
alert("Hello1");
sayHello2();
}
function sayHello2(){
    alert("Hello2")
}

sayHello1();

oder hab ich irgendwas vergessen ?

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren, JavaScript

31.05.2022, 16:58

Es hat halt den Vorteil, dass man eine beliebige Funktion übergeben kann.

Dann musst du den Code von sayHello1 nicht immer ändern, sondern kannst ihn für verschiedene Funktionen (z.B. sayHello2 und sayHello3) wiederverwenden.

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

whgoffline

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

31.05.2022, 16:57

Damit du flexibler bist. Angenommen du hast eine gute Klasse geschriebene und dort ein Button Objekt reingemacht, dann soll dich der Nutzer deiner Klasse nicht mit deinem Code raumschlagen müssen, sondern können selbst einfach beim konstruieren des Buttons ihre callback Funktion angeben.

Woher ich das weiß:Studium / Ausbildung – Informatikstudent

MonkeyKing

31.05.2022, 17:01

In deinem zweiten Beispiel ruft sayHello1 immer sayHello2 auf. Wenn du einen Callback übergibst, kannst du deine beliebige Funktion aufrufen.

Beispiel wäre z.B. eine Funktion showAlert(callback); die ein Fenster mit einem Button zeigt und dann callback ausführt, wenn der Button gedrückt wird. Die kannst du für unterschiedlichste Zwecke verwenden.

Woher ich das weiß:Berufserfahrung – 20 Jahre Berufserfahrung

Hallo liebe Community,

wenn ich schreibe:

window.onload = function(){
  element.onclick = element.onchange = function(){ alert("Funktion aufgerufen"); }
  /* Anderer Code */
}

Dann wird die Funktion sowohl bei onlick als auch bei onchange ausgeführt.

Ich möchte, dass sie beim Aufrufen der Elternfunktion und bei onchange ausgeführt wird, also folgendes, ohne die Funktion zweimal zu schreiben:

 window.onload = function(){
  alert("Funktion aufgerufen");
  element.onchange = function(){ alert("Funktion aufgerufen"); }
  /* Anderer Code */
}

Wie kann ich das umsetzen?

...zur Frage

Programmieren javascript alert function?

hallo!
button erstellen:

bsp: onclick="alert ('hallo')"

frage: was ist der Unterschied zwischen alert und function? Function muss ich zwar noch definieren aber Ich kann doch mit beiden festlegen, was durch den Klick passieren soll oder?

danke im Voraus

...zur Frage

Wie übergibt man Sonderzeichen (z.B. =) als String im Parameter einer Javascript-Funktion?

Hallo,

ich bastle etwas mit Javascript und bin auf ein Problem gestoßen, was ich bislang nicht lösen konnte.

Ich versuche einen einfachen Taschenrechner zu bauen (und ja, ich weiß, dass es auch anders und leichter machbar wäre). Hier geht es aber eher um eine grundsätzliche Problematik, die sich ergeben hat und die ich gerne lösen würde.

Über einen Button wird mit dem onclick-Event die Funktion angesprochen, die ich definiert habe. Erwartet wird ein Parameter als String: eingabe(eing)

Wenn ich allerdings versuche ein "=" als Parameter zu übergeben, kommt nichts in der Funktion an.

Ich habe auch schon versuche mit \=; "="; %3D und = das Zeichen zu übergeben.

Habt ihr eine Idee?

LG Jonas

...zur Frage

wie kann ich in javascript eine funktion ohne button auslösen?

Hallo,

ich bin noch Anfänger in javascript und wollte fragen wie ich eine Funktion in javascript auslöse nachdem meine HTML Seite geladen hat, ohne explizit einen button mit einer onclick zu schreiben der diese Funktion aufruft. Die Funktion kriegt ein Parameter im HTML Teil übergeben, was dann in etwa so aussieht:

<button id="drücken" onclick="Funktion({{result}})"></button>

ich kriege das nur durch diesen button im html teil hin.

<tbody id="Eintrag"></tbody>

der Parameter wird iteriert und in eine Tabelle gehängt

Javascript:

function Funktion(result){

for(var key in result)

key an Eintrag anhängen.

}

Das funktioniert auch alles gut, nur wird das alles nur ausgeführt wenn ich explizit auf den button drücke. verstehe auch nicht wie das sonst gehen würde. Ich kann ja nicht beispielsweise ein window.onload auf der javascript-Datei schreiben weil ich ja noch den result parameter in der HTML Datei übergeben muss.

Gibt es eventuell eine Möglichkeit innerhalb des HTML Datei dann sowas zu schreiben?:

window.onload = Funktion({{result}});

Bei mir kennt er dann nicht Funktion weil es auf der externen Javascript-Datei liegt.

...zur Frage

JS Eventlistener mit Callback Parameter?

Hi, ich mache derzeit das Odins Project und hänge rein vom Verständnis an einem Code-Beispiel fest.

btn.addEventListener('click', function (e) {
  console.log(e);
});

btn.addEventListener --> schauen ob ein Event eintritt und dann eine function ausführen

"click"--> wenn der Button angeklickt wird

function (e)--> hier ist das Problem. ich versehe, dass es eine anonyme callback Funktion ist, aber nicht wieso sich der Parameter e auf den Button bezieht und ich damit den Button ansteuern kann. Versuche es seit 2 Tagen zu verstehen und bitte um eine einfache Erklärung. Im Internet steht, dass das ein Objekt vom EventListener ist aber darunter kann ich mir auch nicht wirklich etwas vorstellen.

...zur Frage

C: Struct-Inhalte an Funktion übergeben?

Hallo, ich bekomme es nicht richtig hin meine Parameter vom Struct korrekt an meine Funktion zu übergeben. Sieht eher nach einer Speicheradresse oder was auch immer aus. Kann da jemand Beihilfe schaffen? Hier der Code dazu:

Struct + Mutex + globale Variablen:

main:

funktion:

ausgaben (Das Programm terminiert mittlerweile noch nicht mal):

Hierbei geht es also um die Parameter id und time welche nicht korrekt an die Funktion übergeben werden. Id sollte bei 1 starten und time eine Zufallszahl zw. 1 und 10.

Danke im voraus.

...zur Frage

Warum über JavaScript Events?

man kann ja in seinen html code onclick oder was auch immer für ein Event hinschreiben.

ich sehe trotzdem bei vielen Profis immer das hier

Html : 

<body>
<button id='MeinButton'>Senden</button>
</body>

js: 

document.querySelector('#MeinButton').addEventListener('click', MeineFunktion);

function MeineFunktion(){
event.preventDefault();
Alert(1);
}

einfacher wäre das hier

<body>
<button onclick='MeineFunktion();' id='MeinButton'>Senden</button>
</body>
function MeineFunktion(){
event.preventDefault();
Alert(1);
}

Und wieso muss man prevent default hinschreiben ?
Was genau macht der browser denn by default / standardmäßig das es sonst nicht funktioniert ?

...zur Frage

Wie kann ich einer Javascript Funktion Argumente per Onclick übergeben?

ich möchte flexibler programmieren und habe daher das Onclick-Event nicht im Button zu stehen. Ich rufe dieses Event über eine Id auf.

var element.document.getElementById("element");

Nun habe ich eine Funktion geschrieben, die für einen Parameter ein Argument erwartet, diesen möchte ich per Onclick-Event übergeben.

Wenn ich das Event wie folgend aufrufe, wird die Funktion gleich ausgeführt, ohne das ich den Button klicken muss.

anderesElement.onclick = nameDerFunktion("String-Argument");

Wie kann ich der Funktion nun ein Argument per Buttonklick übergeben?

...zur Frage

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zur Frage

Wie bekomme ich es hin, dass der alert bei javascript auf der Website angezeigt wird und nicht in einem extra Fenster?

Ich habe es schon mit document.write und document.get versucht. Die Aufgabenstellung lautet wie folgt:

"Erstellen Sie eine html Seite, die einen Button enthält. Klickt man auf den Button, wird eine Java Script Funktion aufgerufen, die einen beliebigen Text als alert auf der Seite ausgibt. "

Ich habe bisher folgendes:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Test</title>
   </head>
   <body>
      <form name="button">
      <input type=button value="Alert" onclick="Box()">
      </form>
      <script language="JavaScript">
         function Box() {alert("Alarm!!")};
      </script>
   </body>
</html>

...zur Frage

Wie könnte ich dieses Problem mit einer Callback-Funktion lösen?

Hallo, ich lese gerade etwas zu Callback-Funktionen in der asynchronen Programmierung und frage mich bei folgendem Beispiel, wie ich dafür sorgen kann, dass - trotz Verzögerung per setTimeout() - Aufgabe 1 vor Aufgabe 2 aufgerufen wird. Ich glaube, dass Callback-Funktionen hier eine Lösung sein könnten, aber die Umsetzung verstehe ich noch nicht so ganz.

function taskOne() {
    console.log("Aufgabe 1");
}


setTimeout(taskOne, 3000);




function taskTwo() {
    console.log("Aufgabe 2");
}


taskTwo();

//Ergebnis:
Aufgabe 2
//3 Sekunden delay
Aufgabe 1

...zur Frage

Warum wird alert nicht ausgeführt (Javascript)?

Hi ich Frage mich warum mein alert nicht ausgeführt wird wenn ich auf den buten klicke ...könnte jemand der Javascript beherrscht mir den Fehler sagen ?

Code:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

alert ("willkommen hier");

</script>

var beschreibung = "super,mega,hammer";

var alter= 25;

var vergeben = false;

var name = "boy withb the spoon";

var leer = null;

document.write(name + "ist" + beschreibung + alter + "und sein status ist vergeben " + vergeben);

</script>

//diese variable ist sehr komplieziert

function geklickt(){

alert ("willkommen hier zum zweiten mal");

}

</script>

<form>

</form>

</body>

</html>

...zur Frage

Source Code von Website auslesen mit JavaScript?

Hallo,

ich bin gerade am verzweifeln. Ich wollte eigentlich nur noch kurz eine kleine Sache an meiner Website programmieren, aber jetzt hänge ich schon seit einer Stunde an einem Problem. Ich will einfach nur den Source Code von einer Website auslesen, also den in JavaScript dann als Variable haben, aber der Code funktioniert einfach nicht. Keine Ahnung warum. Habt ihr vielleicht Ideen?

Hinweis: Wenn ich ein alert in die onreadystatechange function mache wird dieses angezeit, doch wenn ich es in den if-Block darin einschließe nicht mehr.

...zur Frage

[JavaScript] Wie kann ich ein Element von Anfang an unsichtbar machen?

Und nach einem erfolgreichem Login wieder sichtbar machen. Ich habe folgenden Code:

function getKey() {


  var visible = document.getElementById("download").style.display = "visible";
  var invisible = document.getElementById("download").style.display = "none";


  var key = "abc1";


  var keY = document.getElementById("key").value;


  if (key == keY) {
    visible;
    alert("r")


  } else {
    alert("w")
  }

Weder funktioniert er, noch wird das Element download wieder angezeigt.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen