JS JavaScript-Referenz

FeaturePolicy Schnittstelle

Das <code>FeaturePolicy</code>-Interface beschreibt die Berechtigungsrichtlinien, die für den aktuellen Dokument- oder iframe-Kontext gelten, und lässt sich per JavaScript abfragen.

FeaturePolicy.allowedFeatures() Methode

Gibt ein Array mit den Namen aller Features zurück, die die aktuelle Permissions Policy (früher Feature Policy) im jeweiligen Kontext erlaubt.

FeaturePolicy.allowsFeature() Methode

Prüft, ob ein bestimmtes Browser-Feature (z. B. <code>camera</code> oder <code>geolocation</code>) laut aktueller Permissions Policy erlaubt ist, optional für einen bestimmten Origin.

FeaturePolicy.features() Methode

Gibt ein Array mit den Namen aller Features zurück, die der User Agent über Feature Policy bzw. Permissions Policy steuern kann.

FeaturePolicy.getAllowlistForFeature() Methode

Gibt die Allowlist (erlaubte Ursprünge) zurück, die in der aktuellen Feature-/Berechtigungsrichtlinie für ein bestimmtes Feature gilt.

FederatedCredential Schnittstelle

Beschreibt Anmeldeinformationen eines föderierten Identitätsanbieters (z. B. Google, GitHub), die über die Credential Management API gespeichert und abgerufen werden.

FederatedCredential.protocol Eigenschaft

Schreibgeschützte Eigenschaft, die das föderierte Identitätsprotokoll eines <code>FederatedCredential</code> als String liefert, z. B. <code>"openidconnect"</code>, oder <code>null</code>, wenn keins angegeben ist.

FederatedCredential.provider Eigenschaft

Schreibgeschützte Eigenschaft, die den föderierten Identitätsanbieter (z. B. <code>https://accounts.google.com</code>) eines <code>FederatedCredential</code> als String liefert.

FederatedCredentialInit Schnittstelle

Konfigurationsobjekt für <code>navigator.credentials.create({ federated })</code> und <code>new FederatedCredential()</code>, das eine Anmeldung über einen föderierten Identitätsanbieter beschreibt.

Fehlerbehandlung & Exceptions Kapitel

Diese Sektion zeigt, wie du in JavaScript Fehler mit try/catch/finally abfängst, mit throw eigene Exceptions auslöst und Fehler in asynchronem Code sauber behandelst.

Fence Schnittstelle

Die <code>Fence</code>-Schnittstelle der Fenced Frame API stellt innerhalb eines <code>&lt;fencedframe&gt;</code> Funktionen für Reporting, Beacons und verschachtelte Konfigurationen bereit.

Fence.getNestedConfigs() Methode

Gibt die <code>FencedFrameConfig</code>-Objekte zurück, die in verschachtelte <code>&lt;fencedframe&gt;</code>-Elemente innerhalb des aktuellen Fenced Frames geladen werden können.

Fence.reportEvent() Methode

Sendet aus einem Fenced Frame Berichtsdaten per Beacon an URLs, die vorher im Auktions-Worklet mit <code>registerAdBeacon()</code> registriert wurden, oder an eine eigene Ziel-URL.

Fence.setReportEventDataForAutomaticBeacons() Methode

Legt Ereignisdaten fest, die als automatischer Beacon an registrierte Reporting-URLs gesendet werden, wenn aus einem <code>&lt;fencedframe&gt;</code> heraus eine Top-Level-Navigation startet oder abgeschlossen wird.

FencedFrameConfig Schnittstelle

Undurchsichtiges Objekt, das die Navigation eines <code>&lt;fencedframe&gt;</code> beschreibt, also welcher Inhalt darin geladen wird, ohne dass die einbettende Seite die URL sieht.

FencedFrameConfig.setSharedStorageContext() Methode

Übergibt einen Kontext-String vom einbettenden Dokument an die Shared-Storage-Worklets, die innerhalb des zugehörigen <code>&lt;fencedframe&gt;</code> laufen.

Fetch mit Timeout und Retry Snippet

fetch-Wrapper mit Timeout pro Versuch und automatischen Wiederholungen mit exponentiellem Backoff bei Netzwerkfehlern, 429 und 5xx. Für instabile APIs.

FetchEvent Schnittstelle

Ereignistyp für <code>fetch</code>-Ereignisse im Service Worker. Damit lassen sich Netzwerkanfragen abfangen und mit eigenen Antworten beantworten, z. B. aus dem Cache.

FetchEvent.clientId Eigenschaft

Schreibgeschützte Eigenschaft, die die ID des <code>Client</code> (Fenster, Tab oder Worker) liefert, von dem die abgefangene Anfrage ausgeht.

FetchEvent.handled Eigenschaft

Schreibgeschütztes <code>Promise</code>, das erfüllt wird, sobald der Browser das Fetch-Ereignis abgearbeitet hat, und abgelehnt wird, wenn die Behandlung fehlschlägt.

FetchEvent.isReload Eigenschaft

Schreibgeschützter Wahrheitswert. Er ist <code>true</code>, wenn das <code>fetch</code>-Ereignis durch einen Neuladeversuch des Nutzers ausgelöst wurde, sonst <code>false</code>.

FetchEvent.preloadResponse Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>Promise</code> liefert. Es wird mit der per Navigation Preload geladenen <code>Response</code> erfüllt oder mit <code>undefined</code>, falls kein Preload lief.

FetchEvent.request Eigenschaft

Schreibgeschützte Eigenschaft, die das <code>Request</code>-Objekt liefert, das den <code>fetch</code>-Event im Service Worker ausgelöst hat.

FetchEvent.respondWith() Methode

Unterbindet die Standard-Netzwerkverarbeitung einer abgefangenen Anfrage und liefert stattdessen eine eigene <code>Response</code> oder ein <code>Promise</code> darauf.

FetchEvent.resultingClientId Eigenschaft

Schreibgeschützter String mit der <code>id</code> des Clients, der durch eine Navigation entsteht und den bisherigen Client ersetzt. Bei Anfragen ohne Navigation ist der Wert ein leerer String.

FetchLaterResult Schnittstelle

Wird von <code>fetchLater()</code> zurückgegeben und meldet über <code>activated</code>, ob die verzögerte Anfrage schon abgeschickt wurde.

FetchLaterResult.activated Eigenschaft

Die schreibgeschützte Eigenschaft <code>activated</code> gibt als <code>boolean</code> an, ob ein mit <code>fetchLater()</code> vorgemerkter Abruf bereits gesendet wurde.

File Schnittstelle

Die Schnittstelle <code>File</code> stellt eine Datei mit Name, MIME-Typ und Änderungsdatum dar und ermöglicht JavaScript, ihren Inhalt als <code>Blob</code> zu lesen.

File.lastModified Eigenschaft

Liefert den Zeitpunkt der letzten Änderung einer Datei als Millisekunden seit dem Unix-Epoch (1. Januar 1970, 00:00 UTC). Die Eigenschaft ist schreibgeschützt.

File.lastModifiedDate Eigenschaft

Die schreibgeschützte, veraltete Eigenschaft <code>lastModifiedDate</code> gibt den Zeitpunkt der letzten Änderung einer Datei als <code>Date</code>-Objekt zurück.

File.name Eigenschaft

Schreibgeschützte Eigenschaft, die den Dateinamen eines <code>File</code>-Objekts als String liefert, ohne Verzeichnispfad.

File.webkitRelativePath Eigenschaft

Liefert den Pfad einer Datei relativ zum Verzeichnis, das der Benutzer über <code>&lt;input type="file" webkitdirectory&gt;</code> ausgewählt hat.

FileEntrySync Schnittstelle

Das Interface <code>FileEntrySync</code> steht für eine Datei im synchronen, sandboxed Dateisystem eines Web Workers. Man kann damit Dateien blockierend lesen und schreiben.

FileList Schnittstelle

Eine schreibgeschützte, arrayähnliche Liste von <code>File</code>-Objekten, z. B. aus <code>input.files</code> oder <code>DataTransfer.files</code>.

FileList.item() Methode

Gibt das <code>File</code>-Objekt am angegebenen Index einer <code>FileList</code> zurück oder <code>null</code>, wenn der Index außerhalb des Bereichs liegt.

FileList.length Eigenschaft

Die schreibgeschützte Eigenschaft <code>length</code> gibt die Anzahl der Dateien in einer <code>FileList</code> zurück.

FileReader Schnittstelle

Liest den Inhalt von <code>File</code>- oder <code>Blob</code>-Objekten asynchron als Text, Data-URL oder <code>ArrayBuffer</code> und meldet den Fortschritt über Events.

FileReader.abort() Methode

Bricht einen laufenden Lesevorgang eines <code>FileReader</code> ab. Danach ist <code>readyState</code> gleich <code>DONE</code>, <code>result</code> ist <code>null</code> und die Ereignisse <code>abort</code> und <code>loadend</code> werden ausgelöst.

FileReader.error Eigenschaft

Schreibgeschützte Eigenschaft, die den beim Lesen aufgetretenen Fehler als <code>DOMException</code> liefert – oder <code>null</code>, wenn kein Fehler vorliegt.

FileReader.readAsArrayBuffer() Methode

Startet das asynchrone Lesen eines <code>Blob</code> oder einer <code>File</code>. Nach Abschluss liegt der Inhalt als <code>ArrayBuffer</code> in <code>reader.result</code>.

FileReader.readAsBinaryString() Methode

Startet das asynchrone Lesen eines <code>Blob</code> oder <code>File</code>. Nach Abschluss enthält <code>result</code> die Rohbytes als „Binärstring“ (ein Zeichen pro Byte, 0–255).

FileReader.readAsDataURL() Methode

Liest den Inhalt eines <code>Blob</code> oder einer <code>File</code> asynchron ein und stellt ihn als Base64-kodierte <code>data:</code>-URL in <code>FileReader.result</code> bereit.

FileReader.readAsText() Methode

Liest den Inhalt eines <code>Blob</code> oder einer <code>File</code> asynchron als Text ein und stellt das Ergebnis danach als String in <code>FileReader.result</code> bereit.

FileReader.readyState Eigenschaft

Schreibgeschützte Zahl, die den aktuellen Zustand eines <code>FileReader</code> angibt: <code>0</code> (EMPTY), <code>1</code> (LOADING) oder <code>2</code> (DONE).

FileReader.result Eigenschaft

Schreibgeschützte Eigenschaft, die nach erfolgreichem Lesevorgang den Dateiinhalt als <code>string</code> oder <code>ArrayBuffer</code> enthält, sonst <code>null</code>.

FileReader: abort Ereignis

Wird ausgelöst, wenn ein Lesevorgang eines <code>FileReader</code> abgebrochen wurde, etwa durch einen Aufruf von <code>FileReader.abort()</code>.

FileReader: error Ereignis

Wird ausgelöst, wenn ein Lesevorgang des <code>FileReader</code> wegen eines Fehlers scheitert, z. B. weil die Datei nicht mehr existiert oder nicht lesbar ist.

FileReader: load Ereignis

Wird ausgelöst, wenn ein <code>FileReader</code> einen Lesevorgang erfolgreich abgeschlossen hat; das Ergebnis steht dann in <code>reader.result</code>.

FileReader: loadend Ereignis

Wird ausgelöst, wenn ein Lesevorgang des <code>FileReader</code> endet – egal ob erfolgreich, mit Fehler oder abgebrochen.

FileReader: loadstart Ereignis

Wird ausgelöst, sobald ein <code>FileReader</code> mit dem Lesen einer Datei oder eines <code>Blob</code> beginnt.

FileReader: progress Ereignis

Wird regelmäßig ausgelöst, während ein <code>FileReader</code> eine Datei oder einen Blob einliest, und liefert den aktuellen Lesefortschritt als <code>ProgressEvent</code>.

FileReaderSync Schnittstelle

Liest den Inhalt von <code>File</code>- oder <code>Blob</code>-Objekten synchron. Das Interface steht nur in Web Workers zur Verfügung, nicht im Hauptthread.

FileReaderSync.readAsArrayBuffer() Methode

Liest ein <code>File</code>- oder <code>Blob</code>-Objekt synchron und gibt dessen Inhalt direkt als <code>ArrayBuffer</code> zurück. Die Methode gibt es nur in Web Workern.

FileReaderSync.readAsBinaryString() Methode

Liest ein <code>Blob</code> oder eine <code>File</code> synchron und gibt den Inhalt als „Binär-String“ zurück, in dem jedes Zeichen genau ein Byte (0–255) darstellt.

FileReaderSync.readAsDataURL() Methode

Liest ein <code>File</code>- oder <code>Blob</code>-Objekt synchron ein und gibt dessen Inhalt als Base64-kodierte Data-URL-Zeichenkette zurück.

FileReaderSync.readAsText() Methode

Liest den Inhalt eines <code>Blob</code> oder <code>File</code> synchron ein und gibt ihn als dekodierte Zeichenkette zurück – nur in Web Workern verfügbar.

FileSystem Schnittstelle

Stellt im File and Directory Entries API ein Dateisystem dar und bietet über <code>name</code> und <code>root</code> Zugriff auf dessen Namen und Wurzelverzeichnis.

FileSystem.name Eigenschaft

Die schreibgeschützte Eigenschaft <code>name</code> eines <code>FileSystem</code>-Objekts gibt einen Namen zurück, der das Dateisystem eindeutig bezeichnet.

FileSystem.root Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>FileSystemDirectoryEntry</code> für das Stammverzeichnis eines <code>FileSystem</code>-Objekts liefert.

FileSystemChangeRecord Schnittstelle

Das Wörterbuch <code>FileSystemChangeRecord</code> beschreibt eine einzelne Änderung an Datei oder Verzeichnis, die ein <code>FileSystemObserver</code> festgestellt hat.

FileSystemDirectoryEntry Schnittstelle

Stellt in der File and Directory Entries API ein Verzeichnis dar. Man kann damit Unterverzeichnisse und Dateien abrufen und den Inhalt über <code>createReader()</code> auflisten.

FileSystemDirectoryEntry.createReader() Methode

Erzeugt ein <code>FileSystemDirectoryReader</code>-Objekt, mit dem sich die Einträge (Dateien und Unterverzeichnisse) eines Verzeichnisses auslesen lassen.

FileSystemDirectoryEntry.getDirectory() Methode

Sucht über einen relativen oder absoluten Pfad ein Unterverzeichnis und übergibt es als <code>FileSystemDirectoryEntry</code> an einen Callback.

FileSystemDirectoryEntry.getFile() Methode

Sucht eine Datei über einen Pfad relativ zum Verzeichnis (oder absolut) und übergibt ein <code>FileSystemFileEntry</code> an einen Callback.

FileSystemDirectoryEntry.removeRecursively() Methode

Löscht ein Verzeichnis samt allen enthaltenen Dateien und Unterverzeichnissen aus einem sandboxed Dateisystem. Das Ergebnis wird über Callbacks gemeldet.

FileSystemDirectoryHandle Schnittstelle

Ein <code>FileSystemDirectoryHandle</code> steht für ein Verzeichnis im Dateisystem. Damit legt man Dateien und Unterordner an, liest sie aus und löscht sie.

FileSystemDirectoryHandle.entries() Methode

Gibt einen asynchronen Iterator über die <code>[name, handle]</code>-Paare aller direkten Einträge eines Verzeichnisses zurück.

FileSystemDirectoryHandle.getDirectoryHandle() Methode

Liefert ein Promise mit einem <code>FileSystemDirectoryHandle</code> für ein Unterverzeichnis mit dem angegebenen Namen. Mit <code>create: true</code> wird es bei Bedarf angelegt.

FileSystemDirectoryHandle.getFileHandle() Methode

Liefert ein <code>Promise</code> mit einem <code>FileSystemFileHandle</code> für die Datei <code>name</code> im aktuellen Verzeichnis und legt sie bei Bedarf an.

FileSystemDirectoryHandle.keys() Methode

Gibt einen asynchronen Iterator über die Namen (Schlüssel) aller direkten Einträge eines Verzeichnisses zurück, auf das ein <code>FileSystemDirectoryHandle</code> verweist.

FileSystemDirectoryHandle.removeEntry() Methode

Entfernt eine Datei oder ein Unterverzeichnis mit dem angegebenen Namen aus dem Verzeichnis, auf das der <code>FileSystemDirectoryHandle</code> verweist.

FileSystemDirectoryHandle.resolve() Methode

Liefert ein Promise mit dem relativen Pfad (Array von Namen) vom Verzeichnis-Handle bis zu einem Nachfahren-Eintrag, oder <code>null</code>, wenn kein Nachfahre.

FileSystemDirectoryHandle.values() Methode

Gibt einen asynchronen Iterator zurück, der nacheinander die <code>FileSystemFileHandle</code>- und <code>FileSystemDirectoryHandle</code>-Objekte eines Verzeichnisses liefert.

FileSystemDirectoryReader Schnittstelle

Liest die Einträge eines Verzeichnisses (<code>FileSystemFileEntry</code> bzw. <code>FileSystemDirectoryEntry</code>) aus der File and Directory Entries API stapelweise aus.

FileSystemDirectoryReader.readEntries() Methode

Liest den nächsten Block von Einträgen eines Verzeichnisses und übergibt sie als Array von <code>FileSystemEntry</code>-Objekten an einen Callback.

FileSystemEntry Schnittstelle

Stellt einen einzelnen Eintrag (Datei oder Verzeichnis) in einem Dateisystem der File and Directory Entries API dar, etwa bei Drag &amp; Drop.

FileSystemEntry.copyTo() Methode

Kopiert die Datei oder das Verzeichnis eines <code>FileSystemEntry</code> in ein Zielverzeichnis, optional unter neuem Namen. Das Ergebnis kommt asynchron über Callbacks.

FileSystemEntry.filesystem Eigenschaft

Schreibgeschützte Eigenschaft, die das <code>FileSystem</code>-Objekt liefert, zu dem der Datei- oder Verzeichniseintrag gehört.

FileSystemEntry.fullPath Eigenschaft

Schreibgeschützter String mit dem absoluten Pfad des Eintrags ab der Wurzel seines (virtuellen) Dateisystems, z. B. <code>/fotos/urlaub/strand.jpg</code>.

FileSystemEntry.getMetadata() Methode

Liefert über einen Callback ein <code>Metadata</code>-Objekt mit Änderungszeitpunkt (<code>modificationTime</code>) und Größe (<code>size</code>) eines Dateisystemeintrags.

FileSystemEntry.getParent() Methode

Ermittelt asynchron das übergeordnete Verzeichnis eines Eintrags und übergibt es als <code>FileSystemDirectoryEntry</code> an einen Callback.

FileSystemEntry.isDirectory Eigenschaft

Schreibgeschützter boolescher Wert: <code>true</code>, wenn der Eintrag ein Verzeichnis (<code>FileSystemDirectoryEntry</code>) ist, sonst <code>false</code>.

FileSystemEntry.isFile Eigenschaft

Schreibgeschützte Eigenschaft, die <code>true</code> ist, wenn der <code>FileSystemEntry</code> eine Datei (<code>FileSystemFileEntry</code>) und kein Verzeichnis darstellt.

FileSystemEntry.moveTo() Methode

Verschiebt eine Datei oder ein Verzeichnis in ein anderes Verzeichnis des Dateisystems oder benennt den Eintrag um, wenn das Zielverzeichnis gleich bleibt.

FileSystemEntry.name Eigenschaft

Schreibgeschützter String mit dem Namen des Eintrags innerhalb seines übergeordneten Verzeichnisses – also die letzte Komponente des Pfads.

FileSystemEntry.remove() Methode

Löscht die Datei oder das (leere) Verzeichnis, für das der <code>FileSystemEntry</code> steht, aus dem Dateisystem und meldet das Ergebnis über Callbacks.

FileSystemEntry.toURL() Methode

Erzeugt eine <code>filesystem:</code>-URL als Zeichenkette, die den Dateisystem-Eintrag eindeutig bezeichnet und z. B. als <code>src</code> oder <code>href</code> nutzbar ist.

FileSystemFileEntry Schnittstelle

Steht in der File and Directory Entries API für eine einzelne Datei. Über <code>file()</code> kommst du an das zugehörige <code>File</code>-Objekt.

FileSystemFileEntry.createWriter() Methode

Erzeugt asynchron ein <code>FileWriter</code>-Objekt, mit dem Daten in die Datei geschrieben werden können, die zu diesem <code>FileSystemFileEntry</code> gehört.

FileSystemFileEntry.file() Methode

Liefert asynchron über einen Callback ein <code>File</code>-Objekt, mit dem sich der Inhalt der durch den Eintrag dargestellten Datei lesen lässt.

FileSystemFileHandle Schnittstelle

Repräsentiert einen Verweis auf eine Datei im Dateisystem, über den sich ihr Inhalt als <code>File</code> lesen und per Stream oder synchronem Zugriff schreiben lässt.

FileSystemFileHandle.createSyncAccessHandle() Methode

Gibt ein <code>Promise</code> zurück, das mit einem <code>FileSystemSyncAccessHandle</code> erfüllt wird. Damit liest und schreibt man eine OPFS-Datei synchron in einem Web Worker.

FileSystemFileHandle.createWritable() Methode

Erstellt einen <code>FileSystemWritableFileStream</code>, über den Daten in die vom Handle referenzierte Datei geschrieben werden.

FileSystemFileHandle.getFile() Methode

Gibt ein <code>Promise</code> zurück, das mit einem <code>File</code>-Objekt erfüllt wird, das den aktuellen Zustand der Datei auf dem Datenträger abbildet.

FileSystemHandle Schnittstelle

Basis-Interface der File System API. Es steht für einen Datei- oder Verzeichniseintrag und stellt <code>kind</code>, <code>name</code> und den Vergleich mit <code>isSameEntry()</code> bereit.

FileSystemHandle.isSameEntry() Methode

Vergleicht zwei <code>FileSystemHandle</code>-Objekte und löst mit <code>true</code> auf, wenn beide auf dieselbe Datei bzw. dasselbe Verzeichnis zeigen.

FileSystemHandle.kind Eigenschaft

Die schreibgeschützte Eigenschaft <code>kind</code> gibt an, ob ein <code>FileSystemHandle</code> auf eine Datei (<code>"file"</code>) oder ein Verzeichnis (<code>"directory"</code>) verweist.

FileSystemHandle.name Eigenschaft

Die schreibgeschützte Eigenschaft <code>name</code> liefert den Namen der Datei oder des Verzeichnisses, das ein <code>FileSystemHandle</code> darstellt.

FileSystemHandle.queryPermission() Methode

Prüft, ob die Seite für ein Datei- oder Verzeichnis-Handle Lese- oder Schreibrechte hat. Die Antwort ist <code>'granted'</code>, <code>'denied'</code> oder <code>'prompt'</code>. Es erscheint kein Dialog.

FileSystemHandle.remove() Methode

Entfernt die Datei oder das Verzeichnis, auf das der Handle verweist, direkt aus dem Dateisystem. Ein übergeordnetes Verzeichnis-Handle wird dafür nicht benötigt.

FileSystemHandle.requestPermission() Methode

Fordert für ein Datei- oder Verzeichnis-Handle Lese- oder Lese-/Schreibrechte beim Benutzer an und liefert den resultierenden Berechtigungsstatus als Promise.

FileSystemObserver Schnittstelle

Beobachtet Änderungen an Dateien und Verzeichnissen im benutzerbezogenen Dateisystem und im Origin Private File System (OPFS) und meldet sie gesammelt an eine Callback-Funktion.

FileSystemObserver.disconnect() Methode

Beendet alle Beobachtungen eines <code>FileSystemObserver</code>, sodass der Callback keine Änderungsdatensätze mehr bekommt.

FileSystemObserver.observe() Methode

Startet die Beobachtung einer Datei oder eines Verzeichnisses; Änderungen landen als <code>FileSystemChangeRecord</code>-Einträge im Callback des <code>FileSystemObserver</code>.

FileSystemSync Schnittstelle

Stellt in der synchronen File and Directory Entries API ein Dateisystem dar. Es hat einen Namen (<code>name</code>) und ein Wurzelverzeichnis (<code>root</code>) und ist nur in Web Workern verfügbar.

FileSystemSyncAccessHandle Schnittstelle

Synchroner, besonders schneller Lese- und Schreibzugriff auf eine Datei im Origin Private File System (OPFS). Nur in dedizierten Web Workern verfügbar.

FileSystemSyncAccessHandle.close() Methode

Schließt einen synchronen Datei-Handle im Origin Private File System, verhindert weitere Operationen darauf und gibt die exklusive Dateisperre frei.

FileSystemSyncAccessHandle.flush() Methode

Schreibt alle über <code>write()</code> vorgenommenen, noch gepufferten Änderungen der verknüpften Datei im Origin Private File System dauerhaft auf den Datenträger.

FileSystemSyncAccessHandle.getSize() Methode

Gibt synchron die aktuelle Größe der mit dem <code>FileSystemSyncAccessHandle</code> verbundenen Datei in Bytes zurück.

FileSystemSyncAccessHandle.read() Methode

Liest synchron Bytes aus der Datei des Handles in einen <code>ArrayBuffer</code> bzw. eine <code>ArrayBufferView</code>, optional ab einer bestimmten Byte-Position.

FileSystemSyncAccessHandle.truncate() Methode

Ändert die Größe der mit dem synchronen Zugriffs-Handle verknüpften OPFS-Datei auf genau <code>newSize</code> Bytes, kürzt sie also oder erweitert sie mit Nullbytes.

FileSystemSyncAccessHandle.write() Methode

Schreibt den Inhalt eines <code>ArrayBuffer</code> oder einer <code>ArrayBufferView</code> synchron in die OPFS-Datei, optional ab einer bestimmten Byte-Position.

FileSystemWritableFileStream Schnittstelle

Ein <code>WritableStream</code> mit den Zusatzmethoden <code>write()</code>, <code>seek()</code> und <code>truncate()</code>, der in genau eine Datei des Dateisystems schreibt.

FileSystemWritableFileStream.seek() Methode

Setzt die Schreibposition (den Dateicursor) eines <code>FileSystemWritableFileStream</code> auf den angegebenen Byte-Offset.

FileSystemWritableFileStream.truncate() Methode

Ändert die Größe der zum Stream gehörenden Datei auf <code>size</code> Bytes. Die Datei wird dabei gekürzt oder mit Null-Bytes aufgefüllt.

FileSystemWritableFileStream.write() Methode

Schreibt Daten an der aktuellen Cursor-Position in einen <code>FileSystemWritableFileStream</code> oder führt die Befehle <code>seek</code> bzw. <code>truncate</code> aus.

FinalizationRegistry Klasse

Ermöglicht die Registrierung eines Callbacks, das aufgerufen wird, wenn ein Objekt vom Garbage Collector eingesammelt wird.

FinalizationRegistry.prototype.register() Methode

Registriert ein Objekt bei einer <code>FinalizationRegistry</code>. Wird das Objekt vom Garbage Collector entfernt, kann danach der Aufräum-Callback mit <code>heldValue</code> aufgerufen werden.

FinalizationRegistry.prototype.unregister() Methode

Entfernt alle Registrierungen aus einer <code>FinalizationRegistry</code>, die mit dem angegebenen Abmelde-Token angelegt wurden. Deren Aufräum-Callbacks werden danach nicht mehr aufgerufen.

Float16Array Klasse

Typisiertes Array für 16-Bit-Gleitkommazahlen (Half-Precision Float, IEEE 754) in der Byte-Reihenfolge der Plattform.

Float32Array Klasse

Typisiertes Array für 32-Bit-Gleitkommazahlen (IEEE 754), dessen Byte-Reihenfolge von der Plattform abhängt.

Float64Array Klasse

Typisiertes Array für 64-Bit-Gleitkommazahlen (IEEE 754 double precision) in plattformspezifischer Byte-Reihenfolge.

FocusEvent Schnittstelle

Stellt Fokus-Ereignisse wie <code>focus</code>, <code>blur</code>, <code>focusin</code> und <code>focusout</code> dar und gibt über <code>relatedTarget</code> das jeweils andere beteiligte Element an.

FocusEvent.relatedTarget Eigenschaft

Schreibgeschützt: das zweite beteiligte Element bei einem Fokuswechsel, also das Element, das den Fokus abgibt oder bekommt. Ist kein solches Element beteiligt, ist der Wert <code>null</code>.

FontData Schnittstelle

Steht für einen einzelnen lokal installierten Schriftschnitt der Local Font Access API. Liefert Namensangaben und über <code>blob()</code> die Rohdaten der Schriftdatei.

FontData.blob() Methode

Gibt ein Promise zurück, das mit einem <code>Blob</code> erfüllt wird, der die Rohbytes der lokal installierten Schriftartdatei enthält.

FontData.family Eigenschaft

Die schreibgeschützte Eigenschaft <code>family</code> eines <code>FontData</code>-Objekts gibt den Namen der Schriftfamilie zurück, z. B. <code>"Arial"</code>.

FontData.fullName Eigenschaft

Schreibgeschützte Eigenschaft, die den vollständigen Namen eines lokal installierten Schriftschnitts liefert, z. B. <code>"Arial Bold Italic"</code>.

FontData.postscriptName Eigenschaft

Schreibgeschützte Eigenschaft, die den PostScript-Namen einer lokal installierten Schrift als <code>string</code> liefert, z. B. <code>"Arial-BoldMT"</code>.

FontData.style Eigenschaft

Schreibgeschützte Eigenschaft, die den Stilnamen des Schriftschnitts als String liefert, z. B. <code>"Regular"</code>, <code>"Bold"</code> oder <code>"Italic"</code>.

FontFace Schnittstelle

Das Interface <code>FontFace</code> der CSS Font Loading API steht für ein einzelnes nutzbares Schriftbild, das sich per JavaScript laden und dem Dokument hinzufügen lässt.

FontFace.ascentOverride Eigenschaft

Liest oder setzt den Ascent-Wert einer Schriftart als Zeichenkette (<code>"normal"</code> oder Prozentwert). Entspricht dem <code>ascent-override</code>-Deskriptor von <code>@font-face</code>.

FontFace.descentOverride Eigenschaft

Liest oder setzt den <code>descent-override</code>-Deskriptor einer Schrift, also den Unterlängen-Wert, mit dem die Zeilenhöhe berechnet wird.

FontFace.display Eigenschaft

Liest oder setzt die Anzeigestrategie einer Schrift (<code>auto</code>, <code>block</code>, <code>swap</code>, <code>fallback</code>, <code>optional</code>) während sie lädt, entspricht dem CSS-Deskriptor <code>font-display</code>.

FontFace.family Eigenschaft

Liest oder setzt den Namen der Schriftfamilie eines <code>FontFace</code>-Objekts, entspricht dem CSS-Deskriptor <code>font-family</code> in <code>@font-face</code>.

FontFace.featureSettings Eigenschaft

Liest oder setzt als String die OpenType-Feature-Einstellungen einer <code>FontFace</code>, entsprechend dem Deskriptor <code>font-feature-settings</code> in <code>@font-face</code>.

FontFace.lineGapOverride Eigenschaft

Liest oder setzt den <code>line-gap-override</code>-Descriptor einer <code>FontFace</code>, also den Zeilenabstand (Line Gap) der Schrift als Prozentwert der Schriftgröße.

FontFace.load() Methode

Lädt eine per URL angegebene Schriftart eines <code>FontFace</code>-Objekts und gibt ein Promise zurück, das mit dem geladenen <code>FontFace</code> erfüllt wird.

FontFace.loaded Eigenschaft

Schreibgeschütztes <code>Promise&lt;FontFace&gt;</code>, das mit der Schriftart erfüllt wird, sobald sie geladen ist, oder mit einem <code>DOMException</code> abgelehnt wird, wenn das Laden fehlschlägt.

FontFace.status Eigenschaft

Schreibgeschützte Eigenschaft, die den Ladezustand einer <code>FontFace</code> angibt: <code>"unloaded"</code>, <code>"loading"</code>, <code>"loaded"</code> oder <code>"error"</code>.

FontFace.stretch Eigenschaft

Liest oder setzt als String, wie breit die Schrift gedehnt oder gestaucht ist. Der Wert entspricht dem CSS-Deskriptor <code>font-stretch</code> in <code>@font-face</code>.

FontFace.style Eigenschaft

Liest oder setzt den Schriftstil einer <code>FontFace</code>-Instanz als String, etwa <code>"normal"</code>, <code>"italic"</code> oder <code>"oblique 10deg"</code>. Das entspricht dem CSS-Deskriptor <code>font-style</code>.

FontFace.unicodeRange Eigenschaft

Liest oder setzt den Bereich der Unicode-Codepunkte, für die eine <code>FontFace</code>-Schrift verwendet werden soll – entspricht dem CSS-Deskriptor <code>unicode-range</code>.

FontFace.variant Eigenschaft

Liest oder setzt als String die Varianten-Werte einer <code>FontFace</code>. Das entspricht dem früheren <code>font-variant</code>-Deskriptor in <code>@font-face</code>.

FontFace.variationSettings Eigenschaft

Liest oder setzt die niedrigstufigen Variationsachsen einer OpenType-/TrueType-Schrift als String. Entspricht dem <code>font-variation-settings</code>-Deskriptor von <code>@font-face</code>.

FontFace.weight Eigenschaft

Liest oder setzt das Schriftgewicht einer <code>FontFace</code> als String – entspricht dem CSS-Deskriptor <code>font-weight</code> in <code>@font-face</code>.

FontFaceSet Schnittstelle

Das <code>FontFaceSet</code>-Interface der CSS Font Loading API verwaltet eine Menge von <code>FontFace</code>-Objekten, lädt Schriftarten und meldet ihren Ladestatus.

FontFaceSet.add() Methode

Fügt ein per JavaScript erzeugtes <code>FontFace</code>-Objekt einem <code>FontFaceSet</code> hinzu, meist <code>document.fonts</code>, damit die Schrift im Dokument verwendet werden kann.

FontFaceSet.check() Methode

Prüft synchron, ob sich Text in der angegebenen CSS-Schriftangabe darstellen lässt, ohne dass eine noch nicht geladene Schrift aus dem <code>FontFaceSet</code> nötig ist.

FontFaceSet.clear() Methode

Entfernt alle per Skript mit <code>add()</code> hinzugefügten <code>FontFace</code>-Objekte aus einem <code>FontFaceSet</code>. Per CSS <code>@font-face</code> deklarierte Schriften bleiben erhalten.

FontFaceSet.delete() Methode

Entfernt ein per JavaScript hinzugefügtes <code>FontFace</code>-Objekt aus einem <code>FontFaceSet</code> wie <code>document.fonts</code> und gibt zurück, ob das geklappt hat.

FontFaceSet.entries() Methode

Gibt einen neuen Iterator zurück, der für jede <code>FontFace</code> im <code>FontFaceSet</code> ein Array <code>[fontFace, fontFace]</code> liefert.

FontFaceSet.forEach() Methode

Führt eine Rückruffunktion einmal für jede <code>FontFace</code> im <code>FontFaceSet</code> aus, in Einfügereihenfolge.

FontFaceSet.has() Methode

Prüft, ob ein bestimmtes <code>FontFace</code>-Objekt in einem <code>FontFaceSet</code> (z. B. <code>document.fonts</code>) enthalten ist, und gibt <code>true</code> oder <code>false</code> zurück.

FontFaceSet.keys() Methode

Gibt einen Iterator über alle <code>FontFace</code>-Objekte eines <code>FontFaceSet</code> zurück, in Einfügereihenfolge. Die Methode ist ein Alias für <code>values()</code>.

FontFaceSet.load() Methode

Lädt alle Schriftarten, die zu einer CSS-Font-Angabe (und optional zu einem Beispieltext) passen, und liefert ein <code>Promise</code> mit den geladenen <code>FontFace</code>-Objekten.

FontFaceSet.ready Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>Promise</code> liefert. Es wird mit dem <code>FontFaceSet</code> erfüllt, sobald das Dokument alle Schriften geladen und das Layout abgeschlossen hat.

FontFaceSet.size Eigenschaft

Die schreibgeschützte Eigenschaft <code>FontFaceSet.size</code> gibt an, wie viele <code>FontFace</code>-Objekte sich aktuell im Set befinden.

FontFaceSet.status Eigenschaft

Schreibgeschützte Eigenschaft, die den Ladezustand der Schriftarten im <code>FontFaceSet</code> als <code>"loading"</code> oder <code>"loaded"</code> zurückgibt.

FontFaceSet.values() Methode

Gibt einen neuen Iterator zurück, der alle <code>FontFace</code>-Objekte des <code>FontFaceSet</code> in Einfügereihenfolge liefert.

FontFaceSet: loading Ereignis

Wird am <code>FontFaceSet</code> (z. B. <code>document.fonts</code>) ausgelöst, sobald das Dokument beginnt, Schriften zu laden.

FontFaceSet: loadingdone Ereignis

Wird an einem <code>FontFaceSet</code> ausgelöst, sobald alle anstehenden Schriftladevorgänge abgeschlossen sind.

FontFaceSet: loadingerror Ereignis

Wird am <code>FontFaceSet</code> ausgelöst, wenn ein Ladevorgang von Schriftarten abgeschlossen ist, aber mindestens eine Schriftart nicht geladen werden konnte.

FontFaceSetLoadEvent Schnittstelle

Ereignisobjekt der CSS Font Loading API für die Ereignisse <code>loading</code>, <code>loadingdone</code> und <code>loadingerror</code> an einem <code>FontFaceSet</code>.

FontFaceSetLoadEvent.fontfaces Eigenschaft

Schreibgeschützte Eigenschaft, die ein Array der <code>FontFace</code>-Objekte liefert, die das jeweilige Lade-Ereignis des <code>FontFaceSet</code> ausgelöst haben.

for Anweisung

Die <code>for</code>-Anweisung erstellt eine Schleife mit drei optionalen Ausdrücken in Klammern, gefolgt von einer auszuführenden Anweisung.

for await...of Anweisung

Erstellt eine Schleife, die über <code>async</code>-iterierbare sowie synchrone iterierbare Objekte iteriert und dabei jeden Wert mit <code>await</code> auflöst.

for...in Anweisung

Die <code>for...in</code>-Anweisung iteriert über alle enumerable String-Eigenschaften eines Objekts, einschließlich geerbter Eigenschaften.

for...of Anweisung

Die <code>for...of</code>-Anweisung führt eine Schleife aus, die über die Werte eines iterable object iteriert.

FormData Schnittstelle

Das <code>FormData</code>-Interface erzeugt Schlüssel/Wert-Paare, die Formularfelder und ihre Werte darstellen – ideal zum Versenden per <code>fetch()</code> als <code>multipart/form-data</code>.

FormData.append() Methode

Fügt einem <code>FormData</code>-Objekt ein Schlüssel-Wert-Paar hinzu; existiert der Schlüssel schon, wird der Wert zusätzlich angehängt statt ersetzt.

FormData.delete() Methode

Entfernt einen Schlüssel samt <strong>allen</strong> zugehörigen Werten aus einem <code>FormData</code>-Objekt.

FormData.entries() Methode

Gibt einen Iterator zurück, der alle Schlüssel/Wert-Paare eines <code>FormData</code>-Objekts als <code>[name, value]</code>-Arrays durchläuft.

FormData.get() Methode

Gibt den ersten Wert zurück, der unter dem angegebenen Schlüssel in einem <code>FormData</code>-Objekt gespeichert ist, oder <code>null</code>, wenn der Schlüssel fehlt.

FormData.getAll() Methode

Gibt ein Array mit allen Werten zurück, die in einem <code>FormData</code>-Objekt unter dem angegebenen Schlüssel gespeichert sind.

FormData.has() Methode

Prüft, ob ein <code>FormData</code>-Objekt mindestens einen Eintrag mit dem angegebenen Schlüssel enthält, und gibt <code>true</code> oder <code>false</code> zurück.

FormData.keys() Methode

Gibt einen Iterator zurück, der alle Schlüssel (Feldnamen) eines <code>FormData</code>-Objekts in Einfügereihenfolge liefert – doppelte Namen einzeln.

FormData.set() Methode

Setzt den Wert eines Schlüssels in einem <code>FormData</code>-Objekt, ersetzt dabei alle vorhandenen Werte dieses Schlüssels oder legt ihn neu an.

FormData.values() Methode

Gibt einen Iterator zurück, der alle Werte eines <code>FormData</code>-Objekts in Einfügereihenfolge liefert – als <code>string</code> oder <code>File</code>.

FormDataEvent Schnittstelle

Stellt das <code>formdata</code>-Ereignis dar. Es wird auf einem <code>HTMLFormElement</code> ausgelöst, sobald die Eintragsliste der Formulardaten erstellt ist.

FormDataEvent.formData Eigenschaft

Schreibgeschützte Eigenschaft, die das <code>FormData</code>-Objekt mit den Formulardaten zum Zeitpunkt des <code>formdata</code>-Ereignisses enthält.

FragmentDirective Schnittstelle

Objekt unter <code>document.fragmentDirective</code>, über das Sie prüfen können, ob der Browser Textfragmente (<code>#:~:text=…</code>) unterstützt.

Function Klasse

Das <code>Function</code>-Objekt ist der Konstruktor und Prototyp aller Funktionen; jede JavaScript-Funktion ist eine <code>Function</code>-Instanz mit Methoden wie <code>call</code>, <code>apply</code> und <code>bind</code>.

function expression Operator

Das <code>function</code>-Schlüsselwort definiert eine Funktion als Teil eines Ausdrucks und gibt das resultierende Funktionsobjekt zurück.

function* Anweisung

Deklariert eine <code>Generator</code>-Funktion, die bei jedem <code>yield</code>-Ausdruck pausiert und einen Iterator zurückgibt.

function* Ausdruck Operator

Das <code>function*</code>-Schlüsselwort definiert eine Generatorfunktion als Ausdruck, die einen Iterator zurückgibt und mit <code>yield</code> pausiert werden kann.

Function.prototype.apply() Methode

Ruft eine Funktion mit einem festgelegten <code>this</code>-Wert auf. Die Argumente werden als Array oder array-ähnliches Objekt übergeben.

Function.prototype.arguments Eigenschaft

Veraltete Zugriffs-Eigenschaft, die das <code>arguments</code>-Objekt des gerade laufenden Aufrufs einer Funktion liefert, oder <code>null</code>, wenn sie nicht läuft.

Function.prototype.bind() Methode

Erzeugt eine neue, gebundene Funktion, deren <code>this</code> dauerhaft auf <code>thisArg</code> festgelegt ist und der optional Argumente vorab mitgegeben werden.

Function.prototype.call() Methode

Ruft eine Funktion sofort mit einem festgelegten <code>this</code>-Wert und einzeln übergebenen Argumenten auf.

Function.prototype.caller Eigenschaft

Nicht standardisierte, veraltete Accessor-Eigenschaft, die die Funktion zurückgibt, die die aktuelle Funktion aufgerufen hat, oder <code>null</code>, wenn der Aufruf von oberster Ebene kam.

Function.prototype.toString() Methode

Gibt einen String mit dem Quellcode der Funktion zurück – bei eingebauten oder gebundenen Funktionen einen Platzhalter mit <code>[native code]</code>.

Function.prototype[Symbol.hasInstance]() Methode

Legt das Standardverfahren fest, mit dem <code>instanceof</code> prüft, ob ein Wert eine Instanz einer Konstruktorfunktion ist (Prototypkette gegen <code>F.prototype</code>).

Function: displayName Eigenschaft

Die optionale, nicht standardisierte Eigenschaft <code>displayName</code> legt einen Anzeigenamen fest, den manche Konsolen und Debugger statt <code>name</code> anzeigen.

Function: length Eigenschaft

Gibt die Anzahl der formalen Parameter einer Funktion an, die vor dem ersten Parameter mit Standardwert oder dem Rest-Parameter stehen.

Function: name Eigenschaft

Die schreibgeschützte Eigenschaft <code>name</code> einer Funktion enthält ihren Namen, wie er beim Erstellen angegeben oder aus dem Kontext abgeleitet wurde.

Function: prototype Eigenschaft

Das Objekt in <code>funktion.prototype</code> wird zum Prototyp aller Instanzen, die mit <code>new funktion()</code> erzeugt werden.

Funktionen & Closures Kapitel

Diese Sektion behandelt die Syntaxformen von Funktionen in JavaScript, also Deklaration, Ausdruck und Arrow Function, dazu Parameter-Features und Closures. Außerdem geht es um typische Fallstricke mit Gültigkeitsbereich und this.