JavaScript Funktion in Parameter

[ItsNeko]

Hallo Leute,
ich arbeite schon eine Weile mit jQuery und sehe oft Sachen wie:

$(document).ready(function(){
// Code
});

Mich würde es interessieren wie das Funktioniert, also function(){} als Parameter übergeben und dann auswerten.

Hat vielleicht jemand ein Anschauliche variante?

Danke schon mal im Voraus.

 

[sokie]

AW: JavaScript Funktion in Parameter

ready() ist eins von vielen Events, die man mit jquery abfangen und daran funktionen koppeln kann, die dann ausgeführt werden, wenn das event eintritt.
das $(document)ready-Event tritt ein, wenn das DOM vollständig geladen ist.
zwar nicht identisch aber in der Praxis recht ähnlich eingesetzt wird in Javascript das even window.onload.
bei javascript ohne Verwendung von jQuery würde man dieses Event zum Beispiel so benutzen:

window.onload = function(){
  //hier kommen die Anweisungen, die ausgeführt werden sollen.
  //nun können zB Elemente ausgewählt werden, die erst existieren,wenn die Seite  
  //geladen ist.
}

bei jQuery wird eben das ready() dazu benutzt:

$(document).ready(function(){
  //hier kommen die Anweisungen, die ausgeführt werden sollen.
  //nun können zB Elemente ausgewählt werden, die erst existieren,wenn  die Seite  
  //geladen ist.
});

diese Notierung ist in jQuery für jedes eventHandling gleich:

$("a.spezial").click(function(){
  //Anweisungen
});
$("input").focus(function(){
  //Anweisungen
});
$("input").focus(function(){
   //Anweisungen
 });
$("tr").mouseover(function(){
    //Anweisungen
  });
//etc...

all das ist aber auch bis ins Detail mit Beispielen in der Dokumentation zu jQuery zu finden:
Main Page - jQuery JavaScript Library

 

[ItsNeko]

AW: JavaScript Funktion in Parameter

Hey sokie,
danke für die schnelle Antwort.
Aber ich glaube ich habe mich falsch ausgedrückt.
Ich bin in jQuery sehr fit (arbeite nur noch mit)

Mir ging es um den vorgang als Parameter einer Funktion eine Funktion anzugeben, bzw. ob es überhaupt außerhalb von jQuery funktioniert.

Die ready Funktion von jQuery war nur ein Beispiel.

Wenn ich jetzt eine Funktion schreibe, z.B.

funktion test(parameter){
    //code
}

test(function(){
    //code
});

ob/wie kann ich den parameter auswerten?

 

[sokie]

AW: JavaScript Funktion in Parameter

Mir ging es um den vorgang als Parameter einer Funktion eine Funktion anzugeben, bzw. ob es überhaupt außerhalb von jQuery funktioniert.

da gibt es doch Beispiele wie zB setTimeout(), die eine Funktion als Parameter benötigen:

<script type="text/javascript">

  setTimeout(function(){
   alert("eine Ausgabe");
  },2000);

</script>

 

[ItsNeko]

AW: JavaScript Funktion in Parameter

ok
und wie werte ich das aus, wenn ich selber eine funktion schreibe?

 

[deTo]

AW: JavaScript Funktion in Parameter

Hey,

also wenn ich ihn richtig verstanden habe ist seine Frage folgende:

beim Funktionsaufruf in PH und oder Javascript kann ich beliebig viele Parameter übergeben, also:

function xyz(parameter1, parameter2, ....){}

Nun ist seine frage wie die equivalente Form dazu in jQuery ist, da dort ja function via

$(document).ready(function(){
// Code
});

aufgerufen werden und es nicht möglich ist dort wie bei den üblichen Funktionsaufrufen parameter zu übergeben wie z.B.:

$(document).ready(function(parameter1, parameter2, .....){
// Code
});

Hoffe es ist jetzt etwas verständlicher

Grüße,
deTo

 

[ItsNeko]

AW: JavaScript Funktion in Parameter

Hm nein das meine ich nicht.

ich habe hier mal ein beispiel code entwickelt.

function test(Para){
            var text = String(Para);
            var code = text.substring(11);
            eval(code);
    }
    
    test(function(){
        alert('a');
    });

Hier haben wir die Funktion test.
test hat einen Parameter, der als Funktion angegeben wird.

Die Funktion test wird aufgerufen und soll nun den übermittelten Code ausführen.
Meine Version funktioniert genau wie sie soll, allerdings glaube ich nicht das das so gemacht wird.

 

[Duddle]

AW: JavaScript Funktion in Parameter

Definieren, übergeben, aufrufen:

		function add(a,b) {
			return a+b;
		}
		function calculate(f, a, b) {
			return f(a,b);
		}
		alert(calculate(add, 17, 25));

Duddle