Meta tags:
description= Dieser W3Docs-Artikel zu JavaScript-Variablen erklärt Deklaration, Gültigkeitsbereich sowie den Unterschied zwischen var, let und const.;
Headings (most frequently used words):
und, scope, const, eine, variable, let, var, javascript, variablen, einführung, deklarieren, im, vergleich, wo, lebt, hoisting, die, temporal, dead, zone, neuzuweisung, vs, mutation, namensregeln, konventionen, zusammenfassung, übungen, block, funktions, globaler,
Text of the page (most frequently used words):
und (77), javascript (31), const (29), let (28), die (26), var (25), console (19), api (19), dom (19), #variable (18), log (18), eine (16), für (15), lernen (15), der (15), scope (14), variablen (14), das (13), nicht (11), sind (10), mit (9), run (9), editable (9), den (9), code (8), html (8), web (8), undefined (8), ist (8), namen (8), werden (8), methoden (8), einer (7), von (7), object (7), tdz (7), name (7), w3docs (6), tools (6), einführung (6), variablennamen (6), schlüsselwörter (6), wird (6), block (6), neu (6), 100 (6), string (6), übungen (5), hoisting (5), sich (5), function (5), wenn (5), objekte (5), ein (5), user (5), the (5), einen (5), wert (5), einem (5), dem (5), events (5), formatter (5), color (5), alle (4), json (4), generator (4), css (4), namensregeln (4), konventionen (4), mutation (4), temporal (4), dead (4), zone (4), was (4), dürfen (4), können (4), regeln (4), verwenden (4), deklaration (4), verwende (4), constant (4), funktionen (4), arrays (4), list (4), assignment (4), auf (4), window (4), funktion (4), inside (4), 200 (4), message (4), and (4), shadow (4), fetch (4), async (4), encoder (3), editor (3), quizze (3), php (3), neuzuweisung (3), deklarieren (3), this (3), page (3), datentypen (3), keine (3), case (3), sensitive (3), buchstaben (3), enthalten (3), alte (3), camelcase (3), array (3), vor (3), scoped (3), firstname (3), element (3), man (3), wie (3), oder (3), class (3), property (3), typeerror (3), sie (3), referenceerror (3), gehoisted (3), initialisiert (3), greeting (3), error (3), eines (3), drei (3), true (3), here (3), zwischen (3), nein (3), gültigkeitsbereich (3), schlüsselwort (3), werte (3), zugewiesen (3), flag (3), document (3), data (3), browser (3), event (3), eigenschaften (3), promise (3), objekt (3), operatoren (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), über (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), bücher (2), snippets (2), zusammenfassung (2), lebt (2), vergleich (2), use (2), strict (2), leerzeichen (2), erlaubt (2), ziffern (2), dollarzeichen (2), zahl (2), beginnen (2), welche (2), folgenden (2), gelten (2), erstellung (2), closure (2), befolgen (2), ziffer (2), blöcke (2), standardmäßig (2), zuweisen (2), musst (2), vermeide (2), good (2), tax_rate (2), upper_snake_case (2), legal (2), allowed (2), _private (2), cannot (2), schleifenzähler (2), feste (2), diese (2), total (2), bindung (2), zuweist (2), verhindert (2), klasse (2), ann (2), bob (2), mutating (2), age (2), push (2), neuzuweisen (2), try (2), catch (2), anfang (2), des (2), blocks (2), befindet (2), sodass (2), außerhalb (2), top (2), level (2), demo (2), for (2), out (2), loop (2), iteration (2), schleife (2), only (2), not (2), sichtbar (2), deklariert (2), bestimmt (2), kann (2), siehe (2), typ (2), später (2), hello (2), there (2), count (2), optional (2), dieser (2), unterschied (2), sowie (2), daten (2), workers (2), file (2), suche (2), muster (2), quantoren (2), anker (2), flags (2), components (2), animationen (2), url (2), microtasks (2), formulare (2), benutzerdefinierte (2), ereignisse (2), styles (2), klassen (2), generatoren (2), advanced (2), await (2), fehlerbehandlung (2), promises (2), chaining (2), erweitern (2), handling (2), prototypes (2), interaktive (2), elemente (2), arrow (2), new (2), syntax (2), functions (2), objects (2), hash (2), 2026, rechte, vorbehalten, entwickler, gemacht, sprache, datenschutzrichtlinie, kontakt, uns, unternehmen, probier, üben, kostenlose, tutorials, beispiele, seit, 2014, next, previous, yes, helpful, prüfen, reservierten, sein, unterstriche, müssen, übung, tiefer, einzusteigen, lies, führende, blockiert, inhalte, dennoch, ändern, befinden, ihrer, als, gelesen, verlässt, neuem, ada, descriptive, 1st, syntaxerror, start, with, digit, einzelne, vermeiden, außer, kurzlebige, konstanten, max_size, itemcount, beschreibende, userage, zusätzlich, sollte, lesbaren, verwendet, return, reservierte, verschiedene, unterstrich, erzwingt, einige, dokumentiert, absicht, ganze, fehlern, wirklich, unveränderliches, benötigst, freeze, adding, kannst, neuen, zeigen, lassen, macht, selbst, unveränderlich, gespeichert, weiterhin, geändert, feature, kein, merkwürdigkeit, fängt, versehentliche, verwendung, stillschweigend, verbirgt, ebenfalls, aber, vom, bis, zur, deklarationszeile, zugriff, darauf, wirft, lesen, zeile, ihr, statt, fehlers, ergibt, bedeutet, dass, deklarationen, verarbeitet, bevor, ausgeführt, unterscheiden, darin, hoisten, deklarierte, global, überall, erreichbar, browsern, globale, angehängt, während, script, dies, tun, globaler, leaked, ignoriert, nächstgelegene, umschließende, beschränkt, globalen, häufige, fehlerquelle, darstellt, funktions, deshalb, richtige, wahl, jede, erhält, ihre, eigene, typeof, visible, nur, innerhalb, beliebigen, klammernpaar, welcher, stelle, zugegriffen, ausführlichere, behandlung, findest, unter, ignores, same, above, respects, different, inner, reassigned, folgende, beispiel, zeigt, praktischen, unterschiede, blockbezogenen, funktionsbezogenen, neudeklaration, selben, zuweisung, ursprüngliche, aus, gründen, abwärtskompatibilität, beibehalten, deine, standardwahl, gibt, deklarations, hat, keinen, festen, dieselbe, jetzt, aufnehmen, dynamisch, typisiert, declare, assign, reassign, declared, but, assigned, gefolgt, modernem, kurzversion, leitfaden, behandelt, alles, benötigt, sicher, ältere, praxis, bedeuten, wertes, community, gebräuchlich, mutieren, benannter, behälter, erstellt, speichern, benutzers, laufende, summe, ergebnis, berechnung, verweist, programm, artikel, erklärt, intl, vibration, notifications, audio, webrtc, geolocation, websockets, service, midi, storage, validation, fullscreen, history, screen, orientation, webgl, battery, animations, apis, regexp, sticky, position, katastrophales, backtracking, lookahead, lookbehind, alternation, rückwärtsreferenzen, erfassungsgruppen, gierige, faule, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, modus, ende, unicode, zeichenklassen, regex, regular, expressions, styling, slots, komposition, template, custom, elements, animation, indexeddb, localstorage, sessionstorage, cookies, cookie, storing, wiederaufnehmbarer, dateiupload, server, sent, xmlhttprequest, ursprungsübergreifende, anfragen, abbruch, download, fortschritt, formdata, network, requests, canvas, references, macrotasks, selection, range, resizeobserver, intersectionobserver, observer, various, ressourcen, laden, onload, onerror, scripts, defer, domcontentloaded, load, beforeunload, unload, resource, loading, ereignis, methode, submit, clipboard, change, input, cut, copy, paste, fokussierung, focus, blur, formulareigenschaften, forms, controls, scrolling, tastatur, keydown, keyup, drag, drop, mausbewegungen, mausereignisse, grundlagen, auslösen, standard, browseraktionen, delegation, bubbling, capturing, introduction, koordinaten, fenstergrößen, scrollen, dokument, verändern, attribute, knoteneigenschaften, tag, inhalt, getelement, queryselector, browserumgebung, spezifikationen, streams, filereader, blob, textdecoder, textencoder, arraybuffer, binäre, binary, files, fensterübergreifende, kommunikation, popups, frames, windows, polyfills, transpiler, bigint, currying, eval, proxy, reflect, miscellaneous, dynamische, imports, export, import, module, modules, iteratoren, generators, promisification, callbacks, fehler, mixins, checking, instanceof, eingebaute, private, geschützte, statische, klassenvererbung, grundsyntax, classes, prototyp, ohne, __proto__, native, prototypale, vererbung, inheritance, widgets, performance, optimierung, debugging, barrierefreiheit, kompatibilität, manipulationsbibliotheken, fortgeschrittene, techniken, manipulationstechniken, traversieren, arbeiten, manipulieren, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, settimeout, setinterval, nfe, globales, rest, parameter, spread, rekursion, stack, tojson, datum, uhrzeit, destructuring, keys, values, entries, weakmap, weakset, map, set, iterables, strings, math, zahlen, primitiven, types, konstruktor, operator, primitiv, konvertierung, symbol, typen, garbage, collection, objektmethoden, kopieren, basics, es6, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, kommentare, basic, anmelden, durchsuchen, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, kurse,
Text of the page (random words):
javascript variablen w3docs w3docs bücher html lernen css lernen javascript lernen git lernen java lernen php lernen python lernen kurse quizze übungen snippets tools general tools html editor password generator html encoder code diff json beautifier alle 13 color tools color picker color converter color mixer color hex colors hsl alle 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder alle 19 code formatters javascript formatter css formatter html formatter json formatter php formatter w3docs durchsuchen k de english en deutsch de русский ru français fr español es português pt italiano it anmelden javascript lernen javascript basic einführung javascript verwenden js kommentare js mit dom js use strict js variablen js datentypen js typkonvertierungen js interaktive funktionen js operatoren js vergleichsoperatoren js logische operatoren js nullish coalescing js bedingte operatoren js switch js schleifen js funktionen js funktionsausdrücke js arrow functions js es6 objects the basics js objects js objekte kopieren js objektmethoden this js garbage collection js symbol typen js objekt zu primitiv konvertierung js konstruktor operator new js optional chaining data types js methoden von primitiven js zahlen js math js strings js arrays js array methoden js iterables js map und set js weakmap und weakset js object keys values entries js destructuring assignment js datum und uhrzeit js json methoden tojson advanced functions js rekursion und stack js rest parameter und spread syntax js variablen scope js das alte var js globales objekt js function objekt nfe js die new function syntax js settimeout und setinterval js dekoratoren und weiterleitung call apply js debounce throttle js function binding js arrow funktionen vertieft js closures object properties configuration js property flags und deskriptoren js property getter und setter javascript html dom dom einführung die dom knoten dom elemente auswählen den dom manipulieren arbeiten mit styles im dom event handling im dom dom traversieren dom manipulationstechniken formulare im dom verwenden fortgeschrittene dom techniken dom manipulationsbibliotheken dom browser kompatibilität dom barrierefreiheit debugging und tools performance optimierung interaktive elemente und widgets prototypes inheritance js prototypale vererbung js native prototypes js prototyp methoden objekte ohne __proto__ classes js class grundsyntax js klassenvererbung statische eigenschaften und methoden private und geschützte eigenschaften in js js eingebaute klassen erweitern js class checking instanceof js mixins error handling js fehlerbehandlung try catch js benutzerdefinierte fehler error erweitern promises async await js einführung callbacks js promise js promise chaining js fehlerbehandlung mit promises promise api promisification microtasks async await generators advanced iteration generatoren async iteratoren und generatoren modules module export und import dynamische imports miscellaneous proxy und reflect eval currying bigint js polyfills transpiler frames and windows popups und window methoden fensterübergreifende kommunikation binary data files arraybuffer binäre arrays textdecoder und textencoder blob file und filereader js streams api document browserumgebung spezifikationen suche getelement queryselector knoteneigenschaften typ tag und inhalt attribute und eigenschaften das dokument verändern styles und klassen fenstergrößen und scrollen koordinaten introduction to events javascript einführung in browser ereignisse bubbling und capturing event delegation standard browseraktionen benutzerdefinierte ereignisse auslösen ui events mausereignisse grundlagen mausbewegungen drag and drop tastatur keydown und keyup scrolling forms controls formulareigenschaften und methoden fokussierung focus blur events change input cut copy paste js clipboard api formulare ereignis und methode submit document and resource loading page domcontentloaded load beforeunload unload scripts async defer ressourcen laden onload und onerror various mutation observer js intersectionobserver js resizeobserver selection und range event loop microtasks und macrotasks javascript references canvas network requests fetch api formdata fetch download fortschritt fetch abbruch fetch ursprungsübergreifende anfragen url objekte xmlhttprequest js server sent events wiederaufnehmbarer dateiupload storing data in the browser cookies document cookie localstorage sessionstorage indexeddb animation css animationen javascript animationen web components web components custom elements shadow dom template element shadow dom slots komposition shadow dom styling shadow dom und events regular expressions js regex muster und flags zeichenklassen unicode flag u und klasse p anker string anfang und ende mehrzeiliger modus der anker flag m wortgrenze b escaping sonderzeichen sets und ranges quantoren und n gierige und faule quantoren erfassungsgruppen rückwärtsreferenzen im muster n und k name javascript alternation or lookahead und lookbehind katastrophales backtracking sticky flag y suche an position methoden von regexp und string javascript apis web animations api file api battery api webgl push api screen orientation api history api console api fullscreen api validation api web storage api web midi api js web workers service workers websockets geolocation webrtc web audio api notifications api die vibration api js intl api javascript variablen dieser w3docs artikel zu javascript variablen erklärt deklaration gültigkeitsbereich sowie den unterschied zwischen var let und const einführung eine variable ist ein benannter behälter für einen wert in javascript erstellt man variablen um daten zu speichern den namen eines benutzers eine laufende summe das ergebnis einer berechnung und verweist später im programm über den namen auf diese daten dieser leitfaden behandelt alles was man benötigt um variablen sicher zu deklarieren die drei schlüsselwörter let const und das ältere var wie der gültigkeitsbereich scope bestimmt wo eine variable sichtbar ist was hoisting und die temporal dead zone tdz in der praxis bedeuten den unterschied zwischen dem neuzuweisen und dem mutieren eines const wertes sowie die namensregeln und konventionen die in der community gebräuchlich sind kurzversion verwende standardmäßig const let wenn du neu zuweisen musst und vermeide var in modernem code eine variable deklarieren eine variable wird mit einem schlüsselwort gefolgt von einem namen deklariert und optional mit ein wert zugewiesen javascript editable run let message hello declare and assign console log message hello message hi there reassign console log message hi there let count declared but not assigned console log count undefined javascript ist dynamisch typisiert eine variable hat keinen festen typ sodass dieselbe variable jetzt einen string und später eine zahl enthalten kann siehe javascript datentypen für die werte die variablen aufnehmen können es gibt drei deklarations schlüsselwörter const für werte die nicht neu zugewiesen werden deine standardwahl let für werte die neu zugewiesen werden var das ursprüngliche schlüsselwort das aus gründen der abwärtskompatibilität beibehalten wird siehe das alte var let const und var im vergleich schlüsselwort gültigkeitsbereich neu zuweisung neudeklaration im selben scope hoisting const block nein nein tdz let block ja nein tdz var funktion ja ja gehoisted initialisiert mit undefined das folgende beispiel zeigt die praktischen unterschiede zwischen dem blockbezogenen let const und dem funktionsbezogenen var javascript editable run var ignores block scope var x 100 if true var x 200 same variable as above console log x 200 let respects block scope let y 100 if true let y 200 a different inner variable console log y 100 const cannot be reassigned const z 100 z 200 typeerror assignment to constant variable console log z 100 scope wo eine variable lebt der scope bestimmt an welcher stelle im code auf eine variable zugegriffen werden kann eine ausführlichere behandlung findest du unter variablen scope closure block scope let und const let und const sind nur innerhalb des blocks sichtbar in dem sie deklariert werden einem if einer schleife oder einem beliebigen klammernpaar javascript editable run if true const inside only here console log inside only here console log typeof inside undefined inside is not visible out here deshalb ist let die richtige wahl für schleifenzähler jede iteration einer for schleife erhält ihre eigene bindung funktions scope var var ignoriert blöcke es ist auf die nächstgelegene umschließende funktion beschränkt oder den globalen scope wenn es sich außerhalb einer funktion befindet was eine häufige fehlerquelle darstellt javascript editable run function demo for var i 0 i 3 i console log i 3 i leaked out of the loop demo globaler scope eine außerhalb einer funktion deklarierte variable ist global und überall erreichbar in browsern wird ein top level var an das globale window object angehängt während top level let und const script scoped sind und dies nicht tun javascript editable run var a 1 let b 2 console log window a 1 console log window b undefined hoisting und die temporal dead zone hoisting bedeutet dass deklarationen verarbeitet werden bevor der code ausgeführt wird die drei schlüsselwörter unterscheiden sich darin wie sie hoisten eine var deklaration wird gehoisted und mit undefined initialisiert sodass das lesen vor der zeile die ihr einen wert zuweist undefined statt eines fehlers ergibt javascript editable run console log greeting undefined no error var greeting hi console log greeting hi let und const werden ebenfalls gehoisted aber nicht initialisiert vom anfang des blocks bis zur deklarationszeile befindet sich die variable in der temporal dead zone tdz der zugriff darauf wirft einen referenceerror javascript editable run try console log name referenceerror tdz let name ann catch e console log e name referenceerror die tdz ist ein feature kein merkwürdigkeit sie fängt versehentliche verwendung vor der deklaration ab die var stillschweigend verbirgt const neuzuweisung vs mutation const verhindert das neuzuweisen der variable du kannst den namen nicht auf einen neuen wert zeigen lassen es macht den wert selbst nicht unveränderlich objekte und arrays die in einem const gespeichert sind können weiterhin geändert werden javascript editable run const user name ann user name bob ok mutating the object user age 30 ok adding a property console log user name bob age 30 const list 1 2 list push 3 ok mutating the array console log list 1 2 3 user typeerror assignment to constant variable list typeerror assignment to constant variable verwende const für objekte und arrays wenn du die bindung nicht neu zuweist es dokumentiert die absicht und verhindert eine ganze klasse von fehlern wenn du wirklich ein unveränderliches object benötigst verwende object freeze namensregeln und konventionen javascript erzwingt einige feste regeln für variablennamen namen dürfen buchstaben ziffern _ unterstrich und dollarzeichen enthalten namen dürfen nicht mit einer ziffer beginnen namen sind case sensitive total und total sind verschiedene variablen reservierte schlüsselwörter wie let class oder return dürfen nicht verwendet werden leerzeichen sind nicht erlaubt zusätzlich zu den regeln sollte man diese konventionen für lesbaren code befolgen beschreibende namen verwenden userage nicht x camelcase für variablen und funktionen firstname itemcount upper_snake_case für feste konstanten const max_size 100 einzelne buchstaben vermeiden außer für kurzlebige schleifenzähler i j javascript editable run let firstname ada good descriptive camelcase const tax_rate 0 2 good constant in upper_snake_case let element ok legal is allowed let _private ok legal _ is allowed let 1st x syntaxerror cannot start with a digit console log firstname tax_rate element _private zusammenfassung verwende standardmäßig const let wenn du neu zuweisen musst und vermeide var in neuem code let und const sind block scoped var ist function scoped und verlässt blöcke let const befinden sich vor ihrer deklaration in der tdz var wird als undefined gelesen const blockiert neuzuweisung nicht mutation inhalte von object und array können sich dennoch ändern namensregeln befolgen keine führende ziffer keine schlüsselwörter case sensitive und camelcase verwenden um tiefer einzusteigen lies das alte var und variablen scope closure übungen übung welche der folgenden regeln gelten für die erstellung von javascript variablen welche der folgenden regeln gelten für die erstellung von javascript variablen variablennamen müssen mit einer zahl beginnen variablennamen können buchstaben ziffern unterstriche und dollarzeichen enthalten variablennamen sind case sensitive variablennamen dürfen keine reservierten javascript schlüsselwörter sein leerzeichen sind in variablennamen erlaubt prüfen was this page helpful yes no previous js use strict next js datentypen on this page einführung eine variable deklarieren let const und var im vergleich scope wo eine variable lebt hoisting und die temporal dead zone const neuzuweisung vs mutation namensregeln und konventionen zusammenfassung übungen w3docs kostenlose tutorials beispiele übungen snippets und quizze für das web seit 2014 bücher html lernen css lernen javascript lernen git lernen java lernen php lernen python lernen üben übungen quizze probier editor tools html editor password generator html encoder code diff json beautifier unternehmen über uns kontakt datenschutzrichtlinie sprache english deutsch русский français español português italiano 2026 w3docs alle rechte vorbehalten für entwickler gemacht
|
