Meta tags:
description= Ein praktischer Leitfaden zu JavaScript ES6 (ECMAScript 2015): let und const, Pfeilfunktionen, Template Literals, Destrukturierung, Klassen, Module, Promises…;
Headings (most frequently used words):
und, es6, let, const, rest, spread, iteratoren, generatoren, maps, sets, weakmap, weakset, destrukturierung, operator, javascript, funktionen, einführung, in, pfeilfunktionen, template, literals, standardparameter, destrukturierende, zuweisung, erweiterte, objektliterale, promises, klassen, module, operatoren, symbols, proxys, fazit, übungen, array, objekt, exportieren, importieren,
Text of the page (most frequently used words):
und (107), die (51), const (47), #javascript (44), console (34), log (33), sie (26), run (23), eine (22), editable (22), das (21), es6 (21), name (21), der (20), von (20), api (19), dom (19), mit (18), beispiel (18), let (17), this (17), funktionen (17), lernen (15), ein (15), den (14), obj (14), code (13), objekt (12), wird (12), ist (12), pfeilfunktionen (11), auf (11), set (11), wie (11), werden (11), array (11), oder (11), für (10), weakmap (10), weakset (10), können (10), werte (10), map (10), html (9), klassen (9), promises (9), template (9), new (9), zeigt (9), sind (9), generator (8), web (8), rest (8), spread (8), literals (8), was (8), add (8), the (8), nicht (8), value (8), diesem (8), age (8), verwendet (8), variablen (8), methoden (8), generatoren (7), einführung (7), next (7), syntax (7), sich (7), objekte (7), john (7), dieses (7), proxy (7), kann (7), wert (7), function (7), string (7), operator (7), verwenden (7), promise (7), variable (7), tools (6), iteratoren (6), module (6), var (6), einen (6), nur (6), wenn (6), hello (6), iterator (6), destrukturierung (6), w3docs (5), alle (5), übungen (5), sets (5), operatoren (5), object (5), garbage (5), collection (5), als (5), eigenschaften (5), return (5), symbol (5), arrays (5), funktion (5), sum (5), numbers (5), deren (5), person (5), des (5), events (5), formatter (5), color (5), sprache (4), json (4), css (4), proxys (4), maps (4), objektliterale (4), zuweisung (4), standardparameter (4), arrow (4), schlüsselwort (4), document (4), eingeführt (4), machen (4), dieser (4), schreiben (4), leitfaden (4), verhindert (4), schlüssel (4), message (4), property (4), operationen (4), yield (4), möglichkeit (4), bietet (4), objekten (4), ermöglicht (4), macht (4), aus (4), math (4), zum (4), dem (4), event (4), browser (4), ecmascript (4), shadow (4), fetch (4), async (4), entwickler (3), encoder (3), editor (3), quizze (3), php (3), symbols (3), erweiterte (3), destrukturierende (3), page (3), objects (3), functions (3), durch (3), erleichtern (3), jane (3), true (3), null (3), aber (3), keine (3), get (3), benutzerdefinierte (3), handler (3), prop (3), not (3), erstellen (3), wodurch (3), wurde (3), sammlungen (3), denen (3), symbol2 (3), symbol1 (3), häufig (3), element (3), ermöglichen (3), einem (3), elemente (3), damit (3), diesen (3), kopieren (3), bieten (3), class (3), handhaben (3), vermeiden (3), info (3), success (3), settimeout (3), kein (3), dass (3), multiply (3), ausdruck (3), ohne (3), strings (3), counter (3), count (3), änderungen (3), user (3), list (3), fehler (3), error (3), auch (3), block (3), diese (3), neue (3), flag (3), data (3), and (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), seit (2), fazit (2), welche (2), folgenden (2), wurden (2), einzelnen (2), modulen (2), hat (2), beispielen (2), ihnen (2), has (2), now (2), eligible (2), for (2), ähnelt (2), erlaubt (2), anderen (2), referenzen (2), bestehen (2), zugriff (2), abfangen (2), target (2), world (2), found (2), anderes (2), neu (2), definieren (2), eindeutige (2), obwohl (2), size (2), erstellt (2), alice (2), bei (2), typ (2), eindeutig (2), dieselbe (2), haben (2), description (2), zwischen (2), jedem (2), pausiert (2), generatesequence (2), jedes (2), arr (2), arr1 (2), arr2 (2), combined (2), mehr (2), argumente (2), acc (2), num (2), main (2), import (2), importieren (2), export (2), exportieren (2), separate (2), dateien (2), primitive (2), verhalten (2), greet (2), prägnantere (2), vererbung (2), asynchrone (2), callback (2), hölle (2), methode (2), then (2), resolve (2), effizienter (2), hier (2), zuzuweisen (2), übergeben (2), lesbarkeit (2), außerdem (2), sodass (2), greeting (2), eigenes (2), objektmethoden (2), start (2), gültigkeitsbereich (2), vor (2), callbacks (2), parameter (2), beth (2), allowed (2), mutating (2), push (2), inhalt (2), führt (2), neuen (2), assignment (2), blockgebunden (2), blocks (2), deklaration (2), würde (2), scoped (2), moderner (2), typen (2), arbeiten (2), 2015 (2), viele (2), standard (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), ereignisse (2), styles (2), advanced (2), await (2), fehlerbehandlung (2), chaining (2), erweitern (2), handling (2), prototypes (2), interaktive (2), hash (2), 2026, rechte, vorbehalten, gemacht, datenschutzrichtlinie, kontakt, uns, unternehmen, probier, üben, kostenlose, tutorials, beispiele, 2014, previous, yes, helpful, prüfen, getelementbyid, schlüsselwörter, übung, tiefer, themen, einzusteigen, weiter, parametern, destrukturierender, bringt, fülle, einer, robusteren, effizienteren, verstehen, nutzen, saubereren, besser, wartbaren, ausführlichen, blick, wichtigsten, aspekte, geworfen, komplett, einstieg, schlüsselobjekt, antwort, liefert, eigenschaft, gefunden, nonexistent, grundlegende, enthält, zweimal, hinzugefügt, eindeutiger, man, paare, setzt, abruft, paaren, beliebigem, sein, beschreibung, false, neuer, primitiver, datentyp, unveränderlich, objektschlüssel, generatorfunktion, einzeln, liefern, wobei, ausführung, fortgesetzt, leistungsstarke, iterierbaren, umzugehen, nacheinander, zuzugreifen, sammlung, durchlaufen, einzigen, kombinieren, vereinfacht, iterierbares, stellen, expandieren, erwartet, sammeln, einfach, durchzuführen, reduce, unbestimmte, anzahl, argumenten, darzustellen, exportiert, importiert, organisation, wiederverwendung, from, ihren, aufteilen, übersichtliche, intuitive, constructor, führte, klarere, umgang, sauber, nach, sekunde, nachricht, aufgelöst, aufgelösten, verarbeiten, reject, 1000, lesbarer, kurzschreibweisen, eigenschaftsnamen, methodendefinitionen, objektliteral, prägnanter, erweitert, lesbarere, extrahiert, praktische, einzelne, extrahieren, weist, standardwert, zweites, argument, sichergestellt, immer, gültiges, ergebnis, zurückgibt, funktionsparameter, standardwerten, initialisieren, falls, direkt, einzubetten, komfort, verbessert, platzhalter, jeden, enthalten, erstrecken, mehrere, zeilen, formatierte, ausgaben, kleine, schnipsel, inline, total, price, qty, erstellung, insbesondere, beim, einbetten, ausdrücken, backticks, anstelle, anführungszeichen, besitzen, sollten, angewiesen, sowie, erwarten, fällen, reguläre, inside, refers, timer, größere, vorteil, erben, vom, umgebenden, verloren, erwartete, behalfen, boilerplate, überflüssig, bind, self, nimmt, pfeilfunktion, zwei, entgegen, gibt, summe, zurück, rumpf, einzelner, geschweiften, klammern, weglassen, ausdrucks, automatisch, zurückgegeben, prägnante, funktionsausdrücken, binden, lexikalisch, besonders, nützlich, kurzer, greifen, standardmäßig, wechseln, dann, tatsächlich, zuweisen, müssen, versehentliche, signalisiert, liest, absicht, ann, häufiger, verwirrungspunkt, bindung, werts, deklariertes, weiterhin, seinem, verändert, lediglich, zeigen, lassen, veränderung, neuzuweisung, versuch, konstante, deklariert, geändert, constant, deklarieren, ändern, sollen, unterliegen, existiert, beginn, erst, gelesen, zugewiesen, nachdem, ihre, ausgeführt, davor, löst, tippfehler, abgefangen, stillschweigend, umwandeln, undefined, referenceerror, temporal, dead, zone, tdz, obigen, innerhalb, deklarierte, eigenständige, getrennt, außerhalb, deklarierten, dies, blockgültigkeit, level, scoping, bereitgestellt, würden, beide, zuweisungen, beziehen, äußere, ausgeben, anweisung, beschränkt, bemerkenswertesten, variablendeklaration, gab, weise, gehoistet, überraschende, verursacht, vorhersehbarer, weshalb, kaum, noch, funktionsgebunden, heutzutage, unterstützt, jeder, moderne, node, nativ, build, schritt, unten, ausführbar, bearbeiten, drücken, experimentieren, objektorientierter, asynchroner, daten, variablendeklarationen, häufigsten, bekannt, brachte, verbesserungen, offizielle, umsetzt, war, seine, größte, überarbeitung, 1999, machten, einfacher, verbesserten, sowohl, wartbarkeit, bedeutende, aktualisierung, leistungsfähiger, ausführliche, erkundung, umfassenden, erklärungen, zahlreichen, codebeispielen, helfen, möglichkeiten, beherrschen, praktischer, 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, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, modus, anfang, ende, unicode, klasse, zeichenklassen, regex, regular, expressions, styling, slots, komposition, 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, loop, macrotasks, selection, range, resizeobserver, intersectionobserver, mutation, observer, various, ressourcen, laden, onload, onerror, scripts, defer, domcontentloaded, load, beforeunload, unload, resource, loading, ereignis, submit, clipboard, change, input, cut, copy, paste, fokussierung, focus, blur, formulareigenschaften, forms, controls, scrolling, tastatur, keydown, keyup, drag, drop, mausbewegungen, mausereignisse, grundlagen, auslösen, browseraktionen, delegation, bubbling, capturing, introduction, koordinaten, fenstergrößen, scrollen, dokument, verändern, attribute, knoteneigenschaften, tag, getelement, queryselector, browserumgebung, spezifikationen, streams, filereader, blob, textdecoder, textencoder, arraybuffer, binäre, binary, files, fensterübergreifende, kommunikation, popups, window, frames, windows, polyfills, transpiler, bigint, currying, eval, reflect, miscellaneous, dynamische, imports, modules, generators, iteration, promisification, try, catch, mixins, checking, instanceof, eingebaute, private, geschützte, statische, klassenvererbung, grundsyntax, classes, prototyp, __proto__, native, prototypale, inheritance, widgets, performance, optimierung, debugging, barrierefreiheit, kompatibilität, manipulationsbibliotheken, fortgeschrittene, techniken, manipulationstechniken, traversieren, manipulieren, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, setinterval, nfe, globales, alte, scope, rekursion, stack, tojson, datum, uhrzeit, destructuring, keys, values, entries, iterables, zahlen, primitiven, types, optional, konstruktor, primitiv, konvertierung, basics, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, datentypen, use, strict, kommentare, basic, anmelden, durchsuchen, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, kurse,
Text of the page (random words):
iterleitung 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 es6 funktionen ein praktischer leitfaden zu javascript es6 ecmascript 2015 let und const pfeilfunktionen template literals destrukturierung klassen module promises und mehr ecmascript 6 es6 ist eine bedeutende aktualisierung der javascript sprache die viele neue funktionen eingeführt hat und javascript leistungsfähiger und effizienter macht dieser leitfaden bietet eine ausführliche erkundung von es6 mit umfassenden erklärungen und zahlreichen codebeispielen die ihnen helfen diese neuen möglichkeiten zu beherrschen einführung in es6 es6 auch bekannt als ecmascript 2015 brachte viele verbesserungen und neue funktionen für javascript mit sich ecmascript ist der offizielle standard den javascript umsetzt und es6 war seine größte überarbeitung seit 1999 diese änderungen machten die sprache moderner und einfacher zu handhaben und verbesserten sowohl die lesbarkeit als auch die wartbarkeit dieser leitfaden führt durch die funktionen die sie am häufigsten verwenden werden variablendeklarationen let und const funktionen pfeilfunktionen und standardparameter strings template literals arbeiten mit daten destrukturierung erweiterte objektliterale rest spread asynchroner code promises objektorientierter code klassen und module neue sammlungen und primitive typen map set weakmap weakset symbol iteratoren generatoren und proxys heutzutage unterstützt jeder moderne browser und node js es6 nativ sodass sie diese funktionen ohne build schritt verwenden können jedes beispiel unten ist ausführbar bearbeiten sie es und drücken sie run um damit zu experimentieren let und const eine der bemerkenswertesten änderungen in es6 ist die einführung von let und const für die variablendeklaration vor es6 gab es nur var das funktionsgebunden function scoped ist und auf eine weise gehoistet wird die häufig überraschende fehler verursacht let und const sind blockgebunden block scoped und verhalten sich vorhersehbarer weshalb moderner code var kaum noch verwendet let das schlüsselwort let ermöglicht die deklaration von variablen deren gültigkeitsbereich auf den block die anweisung oder den ausdruck beschränkt ist in dem sie verwendet werden javascript editable run let x 10 if true let x 20 console log x 20 console log x 10 im obigen beispiel ist das innerhalb des if blocks deklarierte x eine eigenständige variable getrennt von dem außerhalb deklarierten x dies zeigt die blockgültigkeit block level scoping die durch let bereitgestellt wird mit var würden sich beide zuweisungen auf dieselbe variable beziehen und das äußere console log würde 20 ausgeben let und const unterliegen auch der temporal dead zone tdz die variable existiert ab dem beginn des blocks kann aber erst gelesen oder zugewiesen werden nachdem ihre deklaration ausgeführt wurde ein zugriff davor löst einen referenceerror aus wodurch tippfehler abgefangen werden die var stillschweigend in undefined umwandeln würde const das schlüsselwort const wird verwendet um variablen zu deklarieren deren werte sich nicht ändern sollen es ist wie let blockgebunden javascript editable run const y 30 y 40 console log y error assignment to constant variable in diesem beispiel führt der versuch y einen neuen wert zuzuweisen zu einem fehler da const eine konstante deklariert deren wert nicht geändert werden kann ein häufiger verwirrungspunkt const verhindert die neuzuweisung der bindung nicht die veränderung des werts ein mit const deklariertes objekt oder array kann weiterhin in seinem inhalt verändert werden sie können lediglich die variable nicht auf ein anderes objekt zeigen lassen javascript editable run const user name ann user name beth allowed mutating the object console log user name beth const list 1 2 list push 3 allowed mutating the array console log list 1 2 3 i info greifen sie standardmäßig zu const und wechseln sie nur dann zu let wenn sie tatsächlich neu zuweisen müssen das verhindert versehentliche änderungen und signalisiert jedem der den code liest die absicht pfeilfunktionen pfeilfunktionen bieten eine prägnante syntax zum schreiben von funktionsausdrücken sie binden außerdem den wert von this lexikalisch was sie besonders nützlich für das schreiben kurzer funktionen macht javascript editable run const add a b a b console log add 5 3 8 hier nimmt die pfeilfunktion add zwei parameter entgegen und gibt deren summe zurück wenn der rumpf ein einzelner ausdruck ist können sie die geschweiften klammern und das schlüsselwort return weglassen der wert des ausdrucks wird automatisch zurückgegeben der größere vorteil ist dass pfeilfunktionen kein eigenes this haben sie erben es vom umgebenden gültigkeitsbereich vor pfeilfunktionen verloren callbacks häufig das erwartete this und entwickler behalfen sich mit const self this oder bind this pfeilfunktionen machen diesen boilerplate code überflüssig javascript editable run const counter count 0 start this inside the arrow refers to counter not the timer settimeout this count console log this count 1 0 counter start i info da sie kein eigenes this besitzen sollten sie pfeilfunktionen für objektmethoden vermeiden die auf this angewiesen sind sowie für event handler bei denen sie erwarten dass this das element ist verwenden sie in diesen fällen eine reguläre funktion template literals template literals erleichtern die erstellung von strings insbesondere beim einbetten von variablen oder ausdrücken sie verwenden backticks anstelle von anführungszeichen javascript editable run const name john const greeting hello name console log greeting hello john dieses beispiel zeigt wie template literals es ermöglichen die variable name direkt in den string einzubetten was lesbarkeit und komfort verbessert der platzhalter kann jeden ausdruck enthalten nicht nur eine variable zum beispiel total price qty template literals erstrecken sich außerdem ohne n über mehrere zeilen sodass sie formatierte ausgaben oder kleine html schnipsel inline schreiben können standardparameter standardparameter ermöglichen es funktionsparameter mit standardwerten zu initialisieren falls keine werte übergeben werden javascript editable run function multiply a b 1 return a b console log multiply 5 5 in diesem beispiel weist die funktion multiply b einen standardwert von 1 zu wenn kein zweites argument übergeben wird wodurch sichergestellt wird dass die funktion immer ein gültiges ergebnis zurückgibt destrukturierende zuweisung die destrukturierende zuweisung ist eine praktische möglichkeit werte aus arrays oder objekten in einzelne variablen zu extrahieren array destrukturierung javascript editable run const numbers 1 2 3 const a b c numbers console log a b c 1 2 3 dieses beispiel zeigt wie die array destrukturierung es ermöglicht die werte des arrays numbers einzelnen variablen a b und c zuzuweisen objekt destrukturierung javascript editable run const person name jane age 25 const name age person console log name age jane 25 in diesem beispiel extrahiert die objekt destrukturierung die eigenschaften name und age aus dem objekt person in separate variablen erweiterte objektliterale es6 erweitert objektliterale um eine prägnantere und lesbarere syntax javascript editable run const x 10 const y 20 const obj x y sum return x y console log obj sum 30 hier verwendet das objekt obj kurzschreibweisen für eigenschaftsnamen und methodendefinitionen was das objektliteral prägnanter macht promises promises bieten eine möglichkeit asynchrone operationen effizienter zu handhaben callback hölle zu vermeiden und den code lesbarer zu machen javascript editable run const promise new promise resolve reject settimeout resolve success 1000 promise then message console log message success in diesem beispiel wird ein promise erstellt das nach 1 sekunde mit der nachricht success aufgelöst wird die methode then wird verwendet um den aufgelösten wert zu verarbeiten i info verwenden sie promises um asynchrone operationen sauber zu handhaben und callback hölle zu vermeiden klassen es6 führte klassen ein und bietet damit eine klarere und prägnantere syntax zum erstellen von objekten und für den umgang mit vererbung javascript editable run class person constructor name age this name name this age age greet console log hello my name is this name const john new person john 30 john greet hello my name is john dieses beispiel zeigt wie klassen in es6 eine übersichtliche und intuitive syntax zum definieren von objekten und deren verhalten bieten module mit modulen können sie ihren code auf separate dateien aufteilen und funktionen objekte oder primitive werte zwischen dateien importieren exportieren exportieren math js export const add a b a b kopieren importieren main js import add from math js console log add 2 3 5 kopieren in diesen beispielen wird die funktion add aus math js exportiert und in main js importiert was zeigt wie module die organisation und wiederverwendung von code erleichtern rest und spread operatoren rest operator der rest operator ermöglicht es eine unbestimmte anzahl von argumenten als array darzustellen javascript editable run function sum numbers return numbers reduce acc num acc num 0 console log sum 1 2 3 4 10 in diesem beispiel verwendet die funktion sum den rest operator um alle argumente in einem array zu sammeln was es einfach macht operationen damit durchzuführen spread operator der spread operator ermöglicht es ein iterierbares objekt wie ein array an stellen zu expandieren an denen null oder mehr argumente oder elemente erwartet werden javascript editable run const arr1 1 2 3 const arr2 4 5 6 const combined arr1 arr2 console log combined 1 2 3 4 5 6 dieses beispiel zeigt wie der spread operator verwendet werden kann um arrays zu einem einzigen array zu kombinieren was den code vereinfacht iteratoren und generatoren iteratoren iteratoren sind objekte die es ermöglichen eine sammlung wie ein array oder einen string zu durchlaufen javascript editable run const arr 1 2 3 const iterator arr symbol iterator console log iterator next value 1 console log iterator next value 2 console log iterator next value 3 in diesem beispiel bietet der iterator eine möglichkeit auf jedes element im array nacheinander zuzugreifen generatoren generatoren sind funktionen die pausiert und fortgesetzt werden können was eine leistungsstarke möglichkeit bietet mit iterierbaren objekten umzugehen javascript editable run function generatesequence yield 1 yield 2 yield 3 const generator generatesequence console log generator next value 1 console log generator next value 2 console log generator next value 3 dieses beispiel zeigt wie eine generatorfunktion werte einzeln liefern kann wobei die ausführung zwischen jedem yield pausiert wird symbols symbols sind ein neuer primitiver datentyp der in es6 eingeführt wurde sie sind eindeutig und unveränderlich und werden häufig verwendet um eindeutige objektschlüssel zu erstellen javascript editable run const symbol1 symbol description const symbol2 symbol description console log symbol1 symbol2 false in diesem beispiel sind symbol1 und symbol2 eindeutig obwohl sie dieselbe beschreibung haben maps und sets maps maps sind sammlungen von schlüssel wert paaren bei denen die schlüssel von beliebigem typ sein können javascript editable run const map new map map set name alice map set age 25 console log map ge...
|
