Martin: Javascript schneller machen?

Beitrag lesen

Danke Leute!

Noch ne Frage, vielleicht weiß das wer:

Wenn ich einen Haufen Buttons habe, die alle was tun, dann habe ich, wie mir scheint, 4 Möglichkeiten:

1:
-------------------

<head>
 <script>
  function tuWas(){
   tuDies();
   tuDas();
   tuNochwas();
  }
 </script>
</head>

<body>
 <input type = "button" onClick = "tuWas()">
</body>

--------------------

2:
--------------------
<head>
 <script>

window.onload = function(){
  document.getElementById("idKnopf").onclick = tuWas;
 }

function tuWas(){
  tuDies();
  tuDas();
  tuNochwas();
 }

</script>
</head>

<body>
 <input type = "button" id="idKnopf">
</body>

--------------------

3:
--------------------
<head>
 <script>

window.onload = function(){
  document.getElementById("idKnopf").onclick = tuWas;

function tuWas(){
   tuDies();
   tuDas();
   tuNochwas();
  }
 }

</script>
</head>

<body>
 <input type = "button" id="idKnopf">
</body>

--------------------

4:
--------------------
<head>
 <script>

window.onload = function(){
  document.getElementById("idKnopf").onclick = function(){
   tuDies();
   tuDas();
   tuNochwas();
  }
 }

</script>
</head>

<body>
 <input type = "button" id="idKnopf">
</body>

--------------------

Gibt's da einen Unterschied in der Performance?

Gibt's einen Unterschied zwischen 2 und 3?

Wird in jedem Fall die ganze Funktion mit allen Unterfunktionen gleich in das Objekt geschrieben, wie das bei 4 der Fall sein müsste, oder wird etwa in 2 oder in 3 nur ein Verweis in das Objekt geschrieben und die Funktion erst geholt, wenn der Event eintritt?

Ist es so, dass 2 oder 3 schneller laden würde als 4, und dafür beim Anklicken des Buttons etwas länger brauchen würde, oder ist das wurscht?

Ich hoffe, ich kann mich verständlich machen.

Gruß

Martin