WebTech Wolf 16
Grundlagen
Grundlagen
Fichier Détails
| Cartes-fiches | 64 |
|---|---|
| Langue | Deutsch |
| Catégorie | Informatique |
| Niveau | Autres |
| Crée / Actualisé | 02.05.2021 / 02.05.2021 |
| Lien de web |
https://card2brain.ch/box/20210502_webtech_wolf_16
|
| Intégrer |
<iframe src="https://card2brain.ch/box/20210502_webtech_wolf_16/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>
|
DOM
Document Object Modell
API
Application Programming Interface (Schnittstellen)
--> JavaScript API sind Hauptbestandteil der Änderungen zu HTML5
Erläutere Änderungen am HTML Dokument durch Java Script.
Die Änderung erfolgt nur auf dem HTML-Dokument im Arbeitsspeicher. Die HTML-Datei auf dem Webserver bleibt unberührt. Dieser dynamische und lesende Zugriff auf das HTML-Dokument wird durch das Document Objekt Model (kurz: DOM) realisiert.
console.log()
- console = objekt
- log() = Funktion/Methode
- Konsolen-Augabe ist v.a. für Entwickler gedacht
Nebst console.log gibt es folgende Funktionen:
- console.warn (" warn ( ): Text " ) ;
- console.info (" info ( ): Text " ) ;
- console.error (" warn ( ): Text " ) ;
Definiere Anweisungen
Als Anweisung wird fast jede Zeile eines Skripts bezeichnet, die mit einem Semikolon beendet
wird. Anweisungen sind folglich auch das Deklarieren und Initialisieren von Variablen
oder Aufrufen von Funktionen.
Wie werden Variablen in js definiert?
- mit var oder let
- es muss kein Datentyp angegeben werden, js ermittelt den Typ dynamisch
- Unterschied Gross- und Kleinschreibung: var1 und Var1
Folgende Ausdrücke dürfen nicth als Variablenname verwendet werden.
Was weist du über Konstanten?
- werden mit const definiert
- oft in Grossbuchstaben
- der Wert einer Konstanten kann nach der Initialisierung nicht mehr geändert werden
Java Script Datentypen
- number (es gibt keinen Unterschied zwischen Gleitkomme und Ganzzahl)
- string (einfache oder doppelte Anführungszeichen spielt keine Rolle)
- Literal: Wert der hinter einem String oder einer Zahl steht
- boolean: true (alle Werte), false (leerer String, null, undefined...)
- undefined- und Null
- array
- object
Angabe von Steuerzeichen in Strings
NULL
- Weisen Sie einer Variablen den Wert null zu, löschen Sie den Inhalt (nicht die Variable selbst). Im Gegensatz zu
undefined handelt es sich bei null um ein Schlüsselwort von JavaScript.
Objekte
- Auflistung von Eigenschaften und Methoden
- wobei eine Methode eine Funktion und eine Eigenschaft ein Wert oder ein Satz von Werten eines Objekts ist
- Neben Browserobjekten und vordefinierten Objekten können Sie in JavaScript auch eigene Objekte erstellen werden
Datentypen konvertieren
Achtung:
- Wenn einer Variable var 1 = 5 + "das ist ein String" zugewiesen wird, so wird die Variable ein String
- Achtung: Bei anderen Operatoren wie -, * oder /, konvertiert JavaScript die Zahlen nicht mehr in Strings, sondern versucht, die Strings in Zahlen zu konvertieren.
Welche Werte gelten als falsy, welche als truthy?
Diese Werte werden wie false behandelt:
- undefined
- null
- 0
- ""
- false
- NaN = Not a Number, daher false
Folgende Werte werden als truthy behandelt:
- Objekte (ohne Eigenschaften)
- Funktionen
- Arrays (mit der Länge 0)
- --> " " ist truthy
Vergleichsoperatoren von JavaScript
Logische Operatoren in JavaScript
- &&
- | |
- !
--> analog c#
Mehrfachverzweigung mit switch
- anstatt mehrere if-Abfragen hintereinander kann man switch verwenden (analog c#)
Inkrement- und Dekrementoperatoren
Schleifen in JavaScript
- kopfgesteuerte for-Schleife
- kopfgesteuerte while-Schleife
- fussgesteuerte do-while-Schleife
- Neu:
- break: man springt aus der Schleife heraus und das Skript wird hinter der Schleife fortgeführt
- continue: man springt zum Schleifenanfang
var i=0;
while(i < 10) {
i++;
if( i % 2 ) {
continue;
Wie erstellt man ein Array?
- pflegt Indizes und beginnt mit 0
- Elemente hinzufügen: push(" ")
Arithmetische Operatoren in JavaScript
Wie erstellt man eine Funktione (Funktionsobjekt)?
- Funktionsdeklaration:
- function Funktionsname ( ) { }
- ( ) : Innerhalb des Klammerpaares können Sie optional eine Liste von formalen Parametern notieren.Mehrere Parameter
werden mit einem Komma getrennt. Der eigentliche Code (Funktionskörper) wird zwischen { } geschrieben
Unterschied formale Parameter und Argumente resp. tatsächliche Parameter?
Vom formalen Parameter ist die Rede, wenn Sie die Parameter im Programmcode definieren.
Die Argumente (oder auch tatsächliche Parameter) sind die Werte, die Sie bei einem Funktionsaufruf
verwenden.
Einige Inputs zu den Funktionen:
- wenn eine Funktion Parameter erwartet, erfassen Sie diese in den runden Klammern
- wenn die Funktion keine Parameter enthält, muss man () leere Klammern vor den geschweiften erfassen
--> Parameter: undefined - vgl. Argumente
Erläutere Argumente in einer Funktion
- dabei handelt es sich um ein Array ähnliches Objekt
- arguments [n]
- arguments.length = Anzahl Argumente, die an einer FUnktion übergeben werden
Anweisung:
alert
Datentyp auf Console ausgeben:
Kann man einer Konstanten einen neuen Wert zuweisen?
Nein, da Konstante initialisiert wurde.
Wie initialisiert man ein Array?
Erläutere Konstanten und wie können konstante Daten verändert werden?
Hinweis: Speicherzelle bleibt, auch wenn Wert verändert wird. Daher konstant.
Wie liest man ein Array mit einer Schleife aus?
Wie wählt man in einem array das letzte Element aus?
arrayname[arrayname.length-1]
Wie kann man konstante Daten des Arrays verändern?
Erläutere zweidimensionale Arrays.
Wie fügt man am Ende des Arrays einen Wert (ein Element) hinzu?
Wie entfernt man ein Element am Ende des Arrays?
Wie entfernt man ein Element zu Beginn des Arrays?
Wie fügt man ein Element zu Beginn des Arrays hinzu?
Wie wählt man einen Ausschnitt aus einem Array?
Wie kann man die Werte aus dem Array mit einem Trennzeichen ausgeben? Geht auch ein "und"?:
- Wichtig: Array zuerst in eine variable packen
- Anstatt ' , ' kann man auch ' und'
- dann in console ausgeben
