Meta tags:
description=Erfahre, wie JavaScript s altes var-Schlüsselwort funktioniert: Funktions-Scope, Hoisting, globale Variablen, Neudeklaration, der klassische…;

Headings (most frequently used words):

var, und, in, von, javascript, schlüsselwort, einführung, die, scope, hoisting, variablendeklaration, mit, einschränkungen, moderne, alternativen, best, practices, für, verwendung, fazit, übungen, funktions, globale, variablen, das, verwirrung, neudeklaration, closure, loop, eigenheiten, let, const,

Text of the page (most frequently used words):
und (82), var (52), die (37), javascript (34), das (26), von (24), let (21), api (19), dom (19), #variablen (18), der (18), lernen (15), mit (15), const (15), scope (14), #hoisting (13), für (11), code (11), eine (11), variable (11), ist (11), console (11), block (10), log (10), einführung (9), deklaration (9), schlüsselwort (9), html (8), web (8), funktion (8), werden (8), undefined (8), outputs (8), methoden (8), innerhalb (7), einer (7), ein (7), function (7), run (7), editable (7), closure (7), wird (7), tools (6), was (6), scoped (6), wie (6), loop (6), w3docs (5), alle (5), übungen (5), einschränkungen (5), deklarierte (5), können (5), bei (5), globale (5), oder (5), nicht (5), den (5), fehler (5), window (5), string (5), events (5), formatter (5), color (5), json (4), generator (4), css (4), best (4), practices (4), verwendung (4), alternativen (4), objekt (4), es6 (4), überall (4), vor (4), haben (4), durch (4), kann (4), des (4), for (4), settimeout (4), funktions (4), stillschweigend (4), neudeklaration (4), verhalten (4), zuweisung (4), browser (4), shadow (4), fetch (4), async (4), entwickler (3), sprache (3), über (3), encoder (3), editor (3), quizze (3), php (3), seit (3), this (3), page (3), variablendeklarationen (3), sind (3), zugänglich (3), erstellt (3), gehoistet (3), sodass (3), sie (3), scoping (3), legacy (3), man (3), gültigkeitsbereich (3), noch (3), wert (3), iteration (3), jede (3), callbacks (3), greeting (3), error (3), schleife (3), wenn (3), zur (3), strict (3), verwenden (3), globalen (3), als (3), name (3), referenceerror (3), aber (3), dem (3), würde (3), the (3), anfang (3), flag (3), document (3), data (3), objekte (3), event (3), and (3), eigenschaften (3), promise (3), funktionen (3), operatoren (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), bücher (2), tutorials (2), snippets (2), fazit (2), moderne (2), variablendeklaration (2), globales (2), ermöglichen (2), außerhalb (2), welche (2), folgenden (2), aussagen (2), wahr (2), war (2), verständnis (2), entscheidend (2), schreiben (2), eingeführt (2), beheben (2), vorhersehbarer (2), deklarationen (2), vermeiden (2), arbeiten (2), sollte (2), seinen (2), probleme (2), seiner (2), nach (2), insbesondere (2), seine (2), codes (2), macht (2), ihren (2), klassische (2), falle (2), sich (2), einem (2), sieht (2), ausgeführt (2), enthält (2), ohne (2), überschreiben (2), verwirrung (2), hat (2), überhaupt (2), deklarieren (2), einen (2), modus (2), ebenfalls (2), versehentliche (2), use (2), kopieren (2), blockglobal (2), not (2), properties (2), globalvar (2), global (2), true (2), verwendet (2), tdzexample (2), try (2), catch (2), bis (2), also (2), lesen (2), zeile (2), eines (2), genau (2), aus (2), hoistingexample (2), behandelt (2), umschließenden (2), nur (2), blocks (2), auslösen (2), siehe (2), examplefunction (2), diese (2), deklariert (2), optional (2), grundlagen (2), funktioniert (2), warum (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), arrays (2), generatoren (2), advanced (2), await (2), fehlerbehandlung (2), promises (2), chaining (2), erweitern (2), handling (2), class (2), prototypes (2), interaktive (2), elemente (2), property (2), object (2), arrow (2), new (2), syntax (2), functions (2), objects (2), hash (2), 2026, rechte, vorbehalten, gemacht, datenschutzrichtlinie, kontakt, uns, unternehmen, probier, üben, kostenlose, beispiele, 2014, next, previous, yes, helpful, prüfen, bietet, dieser, lokale, ihrer, referenziert, übung, lange, zeit, grundpfeiler, seines, verhaltens, zuverlässigem, laufe, weiterentwicklung, wurden, modernes, machen, bleibt, jedoch, wichtig, pflege, codebasen, befolgen, bevorzugung, saubereren, besser, wartbaren, initialisieren, werte, initialisierung, beim, funktionsbezogenen, blick, behalten, codestruktur, entsprechend, planen, unbeabsichtigte, verstehen, bevorzuge, nutzen, potenzielle, reduzieren, einsatz, modernem, einschränken, trotz, teil, angetroffen, einhaltung, stellt, sicher, dass, funktionalität, wartbarkeit, beeinträchtigt, verbundenen, bieten, entwicklern, fehlerrisiko, reduziert, einfacher, debuggen, lösung, pro, erfasste, iife, ersetzen, behebt, problem, neue, bindung, eigenen, erfasst, drei, teilen, hello, silently, overwrites, schleifenvariable, lebt, gemeinsamen, erstellte, dieselbe, bereits, beendet, endwert, gegensatz, erlaubt, erneute, derselben, selben, doppelte, frühere, eigenheiten, funktionsbezogene, führen, schleifenkonstrukten, bedingten, blöcken, intuitiv, erwartet, obwohl, grundlegender, bestandteil, ecmascript, 2015, geführt, vergessen, deklarierten, namen, erzeugt, weiterer, grund, bevorzugen, become, browsern, außerdem, eigenschaft, angehängt, tun, risiko, zwei, skripte, beide, gegenseitig, config, objekts, constructor, leben, ihre, frühzeitiger, zugriff, wirft, ausnahme, anstatt, zurückzugeben, meist, entspricht, tatsächlich, möchte, temporal, dead, zone, ergibt, anstelle, tückisch, funktionieren, tippfehler, falsch, platzierte, declaration, hoisted, value, wären, ihres, gültigkeitsbereichs, verschoben, worden, existiert, vom, ausführung, erreicht, dies, größte, unterschied, diesen, existieren, vollständige, bild, lokal, davon, dabei, respektiert, grenzen, selbst, anweisung, leckt, außen, sichtbar, keine, initialisiert, niemals, unterliegen, erzeugen, anderen, sprachen, überrascht, seite, bestimmt, berühmten, sichereren, beeinflusst, art, direkt, jahrzehnten, genutzt, neuem, selten, richtige, wahl, doch, wirst, interviewfragen, projekten, begegnen, dieses, kapitel, erklärt, regeln, überraschen, wann, falls, heute, darauf, zurückgreifen, erfahre, altes, ersetzt, intl, vibration, notifications, audio, webrtc, geolocation, websockets, service, midi, storage, validation, fullscreen, history, screen, orientation, push, webgl, battery, animations, apis, regexp, sticky, position, katastrophales, backtracking, lookahead, lookbehind, alternation, rückwärtsreferenzen, erfassungsgruppen, gierige, faule, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, ende, unicode, klasse, zeichenklassen, regex, regular, expressions, styling, slots, komposition, template, element, 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, mutation, 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, standard, browseraktionen, delegation, bubbling, capturing, introduction, koordinaten, fenstergrößen, scrollen, dokument, verändern, attribute, knoteneigenschaften, typ, 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, mixins, checking, instanceof, eingebaute, private, geschützte, statische, klassenvererbung, grundsyntax, classes, prototyp, __proto__, native, prototypale, vererbung, inheritance, widgets, performance, optimierung, debugging, barrierefreiheit, kompatibilität, manipulationsbibliotheken, fortgeschrittene, techniken, manipulationstechniken, traversieren, manipulieren, auswählen, knoten, getter, setter, deskriptoren, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, setinterval, nfe, alte, rest, parameter, spread, rekursion, stack, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, array, strings, math, zahlen, primitiven, types, konstruktor, operator, primitiv, konvertierung, symbol, typen, garbage, collection, objektmethoden, basics, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, datentypen, 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 var schlüsselwort 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 var schlüsselwort erfahre wie javascript s altes var schlüsselwort funktioniert funktions scope hoisting globale variablen neudeklaration der klassische closure in loop fehler und warum let und const es ersetzt haben in javascript beeinflusst die art wie variablen erstellt und verwendet werden direkt das verhalten des codes das schlüsselwort var wird seit jahrzehnten zur deklaration von variablen genutzt seit es6 let und const eingeführt hat ist var in neuem code selten die richtige wahl doch du wirst es noch in tutorials bei interviewfragen und in legacy projekten begegnen dieses kapitel erklärt genau wie var funktioniert warum seine scoping und hoisting regeln überraschen können und wann falls überhaupt man heute noch darauf zurückgreifen sollte diese seite behandelt wie var seinen gültigkeitsbereich bestimmt hoisting und die undefined falle versehentliche globale variablen neudeklaration den berühmten closure in loop fehler und die sichereren let const alternativen einführung in die variablendeklaration mit var das schlüsselwort var deklariert eine variable und initialisiert sie optional mit einem wert mit var deklarierte variablen haben funktions scope oder globalen scope niemals block scope und unterliegen dem hoisting was verhalten erzeugen kann das entwickler aus anderen sprachen überrascht für die grundlagen zur deklaration von variablen siehe javascript variablen funktions scope eine mit var innerhalb einer funktion deklarierte variable ist lokal für diese funktion und überall innerhalb davon zugänglich entscheidend dabei var respektiert keine block grenzen selbst wenn es innerhalb eines blocks wie einer if anweisung oder einer for schleife deklariert wird leckt die variable nach außen und ist überall innerhalb der umschließenden funktion sichtbar javascript editable run function examplefunction if true var x 5 console log x outputs 5 examplefunction dies ist der größte unterschied zu let und const mit diesen würde x nur innerhalb des if blocks existieren und console log würde einen referenceerror auslösen für das vollständige block scope bild siehe variable scope hoisting hoisting ist das javascript verhalten bei dem deklarationen so behandelt werden als wären sie an den anfang ihres umschließenden gültigkeitsbereichs verschoben worden bei var wird nur die deklaration gehoistet nicht die zuweisung der name existiert also vom anfang der funktion an enthält aber undefined bis die ausführung die zeile mit der zuweisung erreicht javascript editable run function hoistingexample console log y outputs undefined declaration hoisted not the value y 5 console log y outputs 5 var y hoistingexample das lesen von y vor seiner var zeile ergibt undefined anstelle eines referenceerror genau das macht das var hoisting so tückisch code sieht aus als würde er funktionieren aber ein tippfehler oder eine falsch platzierte zuweisung kann stillschweigend undefined lesen let und const werden ebenfalls gehoistet leben aber in der temporal dead zone bis ihre deklaration ausgeführt wird ein frühzeitiger zugriff wirft also eine ausnahme anstatt stillschweigend undefined zurückzugeben was meist dem entspricht was man tatsächlich möchte javascript editable run function tdzexample try console log x let x 4 catch e console log e constructor name outputs referenceerror tdzexample globale variablen und das var schlüsselwort wenn var außerhalb einer funktion verwendet wird wird es zu einer globalen variable die von überall zugänglich ist in browsern wird es außerdem als eigenschaft des globalen objekts window angehängt was let und const nicht tun das risiko zwei skripte die beide var config deklarieren überschreiben sich stillschweigend gegenseitig var globalvar i am global in a browser window globalvar i am global true let blockglobal scoped window blockglobal undefined let const do not become window properties kopieren das vergessen eine variable überhaupt zu deklarieren zuweisung an einen nicht deklarierten namen im nicht strict modus erzeugt ebenfalls eine versehentliche globale variable ein weiterer grund use strict zu verwenden und let const zu bevorzugen einschränkungen von var und moderne alternativen obwohl var ein grundlegender bestandteil von javascript ist hat es einschränkungen die zur einführung von let und const in es6 ecmascript 2015 geführt haben die block scoped variablendeklarationen ermöglichen hoisting und scope verwirrung das hoisting verhalten und der funktionsbezogene gültigkeitsbereich von var können zu verwirrung führen insbesondere in schleifenkonstrukten oder bedingten blöcken wo block scoped variablen intuitiv erwartet werden var neudeklaration und closure in loop eigenheiten neudeklaration im gegensatz zu let und const erlaubt var die erneute deklaration derselben variable im selben scope ohne fehler so kann eine doppelte deklaration eine frühere stillschweigend überschreiben closure in loop eine var schleifenvariable lebt in einem gemeinsamen funktions scope sodass jede in der schleife erstellte closure dieselbe variable sieht wenn die callbacks ausgeführt werden ist die schleife bereits beendet und die variable enthält ihren endwert javascript editable run var greeting hello var greeting hi no error silently overwrites console log greeting outputs hi der closure in loop fehler ist die klassische var falle alle drei callbacks teilen sich ein i javascript editable run for var i 0 i 3 i settimeout console log i 0 outputs 3 3 3 var durch let zu ersetzen behebt das problem let erstellt für jede iteration eine neue bindung sodass jede closure ihren eigenen wert erfasst javascript editable run for let i 0 i 3 i settimeout console log i 0 outputs 0 1 2 vor let war die lösung ein iife das den wert pro iteration erfasste javascript editable run for var i 0 i 3 i function j settimeout console log j 0 i outputs 0 1 2 einführung von let und const um die mit var verbundenen probleme zu beheben bieten let und const entwicklern block scoped variablen was das fehlerrisiko durch hoisting reduziert und den code vorhersehbarer und einfacher zu debuggen macht best practices für die verwendung von var in javascript trotz seiner einschränkungen ist var nach wie vor teil der javascript sprache und kann noch angetroffen werden insbesondere in legacy code die einhaltung von best practices stellt sicher dass seine verwendung die funktionalität oder wartbarkeit des codes nicht beeinträchtigt einsatz in modernem code einschränken bevorzuge let und const für variablendeklarationen um block scoping zu nutzen und potenzielle hoisting probleme zu reduzieren scope verstehen beim arbeiten mit var sollte man seinen funktionsbezogenen gültigkeitsbereich im blick behalten und die codestruktur entsprechend planen um unbeabsichtigte globale variablen zu vermeiden initialisierung bei der deklaration var variablen bei der deklaration initialisieren um undefined werte durch hoisting zu vermeiden fazit das schlüsselwort var war lange zeit ein grundpfeiler von javascript das verständnis seines scoping und hoisting verhaltens ist entscheidend für das schreiben von zuverlässigem code im laufe der weiterentwicklung der sprache wurden let und const eingeführt um die einschränkungen von var zu beheben und modernes javascript vorhersehbarer zu machen das verständnis von var bleibt jedoch wichtig für die pflege von legacy codebasen durch das befolgen von best practices und die bevorzugung von block scoped deklarationen können entwickler saubereren und besser wartbaren javascript code schreiben übungen übung welche der folgenden aussagen über das var schlüsselwort in javascript sind wahr welche der folgenden aussagen über das var schlüsselwort in javascript sind wahr mit var deklarierte variablen haben block scope mit var deklarierte variablen können gehoistet werden sodass sie vor ihrer deklaration im code referenziert werden können die verwendung von var außerhalb einer funktion erstellt eine lokale variable mit var innerhalb einer funktion deklarierte variablen sind überall innerhalb dieser funktion zugänglich die einführung von let und const in es6 bietet alternativen zu var die block scoped variablendeklarationen ermöglichen prüfen was this page helpful yes no previous js variablen scope next js globales objekt on this page einführung in die variablendeklaration mit var einschränkungen von var und moderne alternativen best practices für die verwendung von var in javascript fazit ü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