Versionen vergleichen

Mit Objekten arbeiten

Version 371503:

Version 371503 von eminor am

Version 372785:

Version 372785 von eminor am

Titel:
Mit Objekten arbeiten
Mit Objekten arbeiten
Adressname:
JavaScript/javascript_guide/Mit_Objekten_arbeiten
JavaScript/javascript_guide/Mit_Objekten_arbeiten
Inhalt:

Version 371503
Version 372785
n315    <p>n315    <h3>
n317    </p>n317    </h3>
tt371      Anschließend kann man die Methode <code>displayCar</code> w
 >ie folgt aufrufen:
372    </p>
373    <div class="container">
374      <div class="line number1 index0 alt2">
375        <code class="js plain">car1.displayCar();</code>
376      </div>
377      <div class="line number2 index1 alt1">
378        <code class="js plain">car2.displayCar();</code>
379      </div>
380      <div class="line number2 index1 alt1">
371      &nbsp;381        &nbsp;
382      </div>
383      <div class="line number2 index1 alt1">
384        Dies produziert eine Ausgabe wie im folgenden Bild:
385      </div>
386      <div class="line number2 index1 alt1">
387        &nbsp;
388      </div>
389      <div class="line number2 index1 alt1">
390        <p>
391          <img alt="Image:obja.gif" class="internal" src="https:/
 >/developer.mozilla.org/@api/deki/files/786/=Obja.gif">
392        </p>
393        <div>
394          <p>
395            Figure 7.1: Ausgabe der Methode.
396          </p>
397        </div>
398      </div>
399    </div>
400    <h3>
401      Benutzung von this zur Objektreferenzierung
402    </h3>
372    </p>403    <p>
404      Javascript besitzt das spezielle Schlüsselwort this, das ma
 >n innerhalb von Methoden benutzen kann, um auf das aktuelle Objek
 >t zu verweisen. Wenn man zum Beispiel eine Funktion mit Namen <co
 >de>validate</code> hat, die einen Wert einer Objekteigenschaft va
 >lidiert und der zwei Grenzwerte und als Parameter übergeben werde
 >n:
405    </p>
406    <div>
407      <div class="syntaxhighlighter js" id="highlighter_587735">
408        <table border="0" cellpadding="0" cellspacing="0">
409          <tbody>
410            <tr>
411              <td class="code">
412                <div class="container">
413                  <div class="line number1 index0 alt2">
414                    <code class="js keyword">function</code> <cod
 >e class="js plain">validate(obj, lowval, hival) {</code>
415                  </div>
416                  <div class="line number2 index1 alt1">
417                    <code class="js spaces">&nbsp;&nbsp;</code><c
 >ode class="js keyword">if</code> <code class="js plain">((obj.val
 >ue &lt; lowval) || (obj.value &gt; hival))</code>
418                  </div>
419                  <div class="line number3 index2 alt2">
420                    <code class="js spaces">&nbsp;&nbsp;&nbsp;&nb
 >sp;</code><code class="js plain">alert(</code><code class="js str
 >ing">"Invalid Value!"</code><code class="js plain">);</code>
421                  </div>
422                  <div class="line number4 index3 alt1">
423                    <code class="js plain">}</code>
424                  </div>
425                </div>
426              </td>
427            </tr>
428          </tbody>
429        </table>
430      </div>
431    </div>
432    <p>
433      Dann kann man die Funktion für jedes Formular-Element über 
 >den onchange-event-Handler aufrufen und mit Hilfe von <code>this<
 >/code> das Element übergeben:
434    </p>
435    <div class="container">
436      <div class="line number1 index0 alt2">
437        <code class="html plain">&lt;</code><code class="html key
 >word">input</code> <code class="html color1">type</code><code cla
 >ss="html plain">=</code><code class="html string">"text"</code> <
 >code class="html color1">name</code><code class="html plain">=</c
 >ode><code class="html string">"age"</code> <code class="html colo
 >r1">size</code><code class="html plain">=</code><code class="html
 > string">"3"</code>
438      </div>
439      <div class="line number2 index1 alt1">
440        <code class="html spaces">&nbsp;&nbsp;</code><code class=
 >"html color1">onChange</code><code class="html plain">=</code><co
 >de class="html string">"validate(this, 18, 99)"</code><code class
 >="html plain">&gt;</code>
441      </div>
442    </div>

Zurück zur Versionsgeschichte