Meta tags:
description=Wie JavaScript-Primitive wie strings, Zahlen, boolean, Symbole und BigInts Methoden über temporäre Objekt-Wrapper aufrufen können – mit Beispielen und…;

Headings (most frequently used words):

methoden, primitive, javascript, in, objekte, wrapper, für, typen, einführung, und, wie, aufrufen, objekt, der, fallstrick, new, niemals, mit, primitiven, wrappern, verwenden, zusammenfassung, übungen, was, macht, besonders, ein, vergleich, die, konstruktoren, string, number, boolean, symbol, bigint,

Text of the page (most frequently used words):
und (73), #methoden (34), javascript (33), wrapper (23), string (23), der (21), ein (21), den (20), api (19), dom (19), #primitive (17), die (17), lernen (15), das (15), object (15), ist (15), console (15), für (14), new (14), log (14), output (13), objekte (12), sind (12), eine (12), wie (11), tostring (11), als (10), einen (10), boolean (10), number (10), let (10), mit (9), auf (9), bigint (9), methode (9), wert (9), html (8), web (8), primitiven (8), sie (8), einem (8), primitiv (8), werden (8), run (8), editable (8), über (7), objekt (7), zahlen (7), man (7), symbol (7), von (7), tools (6), verwenden (6), aufrufen (6), einführung (6), was (6), typen (6), ohne (6), keine (6), oder (6), flag (6), hello (6), w3docs (5), übungen (5), niemals (5), tofixed (5), strings (5), funktionen (5), eigenschaft (5), gespeichert (5), zurück (5), the (5), wird (5), symbole (5), gibt (5), greeting (5), eigenschaften (5), events (5), formatter (5), color (5), alle (4), json (4), code (4), generator (4), css (4), this (4), fehler (4), wenn (4), null (4), funktioniert (4), konstruktor (4), false (4), hier (4), typ (4), können (4), nur (4), touppercase (4), kopiert (4), shadow (4), fetch (4), async (4), encoder (3), editor (3), quizze (3), php (3), page (3), chaining (3), welche (3), datentypen (3), erstellen (3), truthy (3), sich (3), keinen (3), undefined (3), einer (3), weil (3), einhüllt (3), werte (3), referenz (3), 123 (3), typeof (3), selbst (3), würde (3), nicht (3), sym (3), 255 (3), hat (3), length (3), property (3), bigints (3), aus (3), arrays (3), objects (3), kann (3), variablen (3), str (3), document (3), data (3), browser (3), event (3), and (3), promise (3), function (3), operatoren (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), sprache (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), bücher (2), snippets (2), zusammenfassung (2), fallstrick (2), wrappern (2), optional (2), charat (2), folgenden (2), anwendbar (2), einzelnen (2), typkonvertierung (2), nutzen (2), verhalten (2), stellen (2), bereit (2), haben (2), werfen (2), zugreift (2), temporäres (2), verwirft (2), einfache (2), veränderlich (2), hingegen (2), value (2), zero (2), aber (2), nie (2), eines (2), literal (2), largenumber (2), 12345678901234567890 (2), aufgerufen (2), typeerror (2), description (2), primitiver (2), erhalten (2), beachten (2), zum (2), klammern (2), 14159 (2), binary (2), lässt (2), world (2), sammlung (2), wirft (2), sodass (2), dieses (2), erstellt (2), inhalt (2), geändert (2), kopieren (2), variable (2), copy (2), 456 (2), direkt (2), change (2), strict (2), macht (2), besonders (2), diese (2), seite (2), häufigen (2), grundlagen (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), error (2), erweitern (2), handling (2), class (2), prototypes (2), interaktive (2), elemente (2), arrow (2), syntax (2), functions (2), hash (2), 2026, rechte, vorbehalten, entwickler, gemacht, datenschutzrichtlinie, kontakt, uns, unternehmen, probier, üben, kostenlose, tutorials, beispiele, seit, 2014, next, previous, yes, helpful, prüfen, connect, append, übung, nächstes, detail, erkunden, alltäglichen, immer, unerwartet, ausführt, anschließend, unveränderliche, dies, klassische, fehlerquelle, aufzurufen, ordnung, nützlich, führen, durch, geben, runs, sollte, gut, tun, erstellter, echtes, einschließlich, jedes, erlaubt, übergeben, schreiben, numerisches, sicheren, ganzzahlbereich, überschreiten, genauigkeit, verlieren, bevor, ihn, überhaupt, verarbeitet, konzipiert, ganzzahlen, groß, regulären, erhält, muss, explizit, konvertieren, absichtlich, automatisch, kontexten, sonst, einzigartiger, booleans, meistens, zwei, dinge, erstens, ergibt, zweitens, benötigt, direkten, zusätzliche, leerzeichen, ebenfalls, syntaxfehler, parser, ersten, punkt, dezimalpunkt, interpretiert, zahl, hexadecimal, 101, häufig, verwendete, feste, anzahl, dezimalstellen, rundet, dass, weshalb, neuen, unverändert, getreu, oben, beschriebenen, unveränderlichkeitsregel, not, method, umfangreiche, kombinieren, einige, davon, satz, titelschreibweise, umzuwandeln, daher, lesen, ihnen, beispiel, schlägt, fehl, numerische, fünf, verfügen, entsprechenden, eingebauten, ihre, bereitstellt, konstruktoren, dieser, gesamte, vorgang, findet, hinter, kulissen, statt, engine, stark, optimiert, praktisch, kostenfrei, wichtigste, erkenntnis, verändert, dauerhaft, existiert, dauer, ausdrucks, sofort, führt, ergebnis, liest, angeforderte, diesem, des, passenden, typs, enthält, primitivs, geht, folgendermaßen, vor, andere, enthalten, vielseitig, referenztypen, ihr, nach, erstellung, komplexere, struktur, gegensatz, vergleich, trägt, eigenen, schnell, vergleichen, overhead, mitbringen, true, einfach, leichtgewichtig, zeiger, dasselbe, gets, beiden, völlig, unabhängig, speicherung, trying, first, character, unchanged, sobald, wurde, mehr, operation, bearbeitet, ursprünglichen, brandneuen, versuch, zeichen, zuzuweisen, effekt, mode, unveränderlichkeit, unterscheiden, objekten, drei, wichtigen, punkten, behandelt, kurzzeitig, damit, jeden, verfügbar, rätsel, löst, eigene, doch, antwort, kapitel, erklärt, genau, funktionieren, einfachste, unteilbare, wertetyp, sieben, besteht, nahezu, alles, schreibt, entweder, unterschied, verstehen, cleveren, trick, objektähnliches, ermöglicht, temporäre, beispielen, fallstricken, 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, name, erfassungsgruppen, gierige, faule, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, modus, anfang, 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, loop, macrotasks, selection, range, resizeobserver, intersectionobserver, mutation, observer, various, ressourcen, laden, onload, onerror, scripts, defer, domcontentloaded, load, beforeunload, unload, resource, loading, ereignis, submit, clipboard, input, cut, paste, fokussierung, focus, blur, formulareigenschaften, forms, controls, scrolling, tastatur, keydown, keyup, drag, drop, mausbewegungen, mausereignisse, auslösen, standard, 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, files, fensterübergreifende, kommunikation, popups, window, frames, windows, polyfills, transpiler, currying, eval, proxy, reflect, miscellaneous, dynamische, imports, export, import, module, modules, iteratoren, generators, iteration, promisification, callbacks, try, catch, 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, arbeiten, manipulieren, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, settimeout, setinterval, nfe, globales, alte, var, scope, rest, parameter, spread, rekursion, stack, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, array, math, types, operator, konvertierung, garbage, collection, objektmethoden, basics, es6, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, use, kommentare, basic, anmelden, durchsuchen, formatters, reverse, sha256, md5, calculator, colors, hsl, hex, mixer, converter, picker, general, kurse,

Text of the page (random words):
javascript methoden für primitive typen 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 methoden für primitive typen wie javascript primitive wie strings zahlen boolean symbole und bigints methoden über temporäre objekt wrapper aufrufen können mit beispielen und häufigen fallstricken einführung in javascript primitive und objekte in javascript besteht nahezu alles was man schreibt entweder aus einem primitiv oder einem object den unterschied zu verstehen und den cleveren trick der primitiven ein objektähnliches verhalten ermöglicht ist eine der grundlagen der sprache ein primitiv ist der einfachste unteilbare wertetyp es gibt sieben primitive typen zahlen strings boolean undefined null symbole und bigints ein object ist eine sammlung von eigenschaften und methoden hier ist das rätsel das diese seite löst ein string ist ein primitiv ohne eigene methoden doch hello touppercase funktioniert wie kann ein wert ohne methoden eine methode aufrufen die antwort sind objekt wrapper und dieses kapitel erklärt genau wie sie funktionieren diese seite behandelt was primitive besonders macht wie javascript sie kurzzeitig einhüllt damit methoden aufgerufen werden können welche methoden für jeden primitiven typ verfügbar sind und den häufigen fehler new mit einem primitiven konstruktor zu verwenden was macht primitive besonders primitive unterscheiden sich von objekten in drei wichtigen punkten 1 unveränderlichkeit sobald ein primitiver wert erstellt wurde kann er nicht mehr geändert werden eine string operation bearbeitet den ursprünglichen string niemals direkt sie gibt einen brandneuen string zurück der versuch einem zeichen zuzuweisen hat keinen effekt und wirft im strict mode einen fehler javascript editable run let str hello str 0 y trying to change the first character console log str output hello unchanged 2 speicherung als wert ein primitiv wird direkt in der variable gespeichert wenn man es kopiert kopiert man den wert selbst sodass die beiden variablen völlig unabhängig sind javascript editable run let a 123 let b a b gets a copy of the value b 456 console log a b output 123 456 objekte hingegen werden als referenz gespeichert das kopieren der variable kopiert nur einen zeiger auf dasselbe object 3 einfach und leichtgewichtig ein primitiv trägt keine eigenen eigenschaften oder methoden was es schnell erstellen und vergleichen lässt ein boolean wie let flag true ist nur ein wert ohne den overhead den ein object mitbringen würde objekte in javascript ein vergleich objekte sind die komplexere struktur im gegensatz zu primitiven sind sie veränderlich ihr inhalt kann nach der erstellung geändert werden referenztypen objects werden als referenz gespeichert und kopiert nicht als wert vielseitig sie können funktionen arrays und andere objekte enthalten wie primitive methoden aufrufen objekt wrapper wie funktioniert hello touppercase wenn der string keine methoden hat wenn man auf eine eigenschaft oder methode eines primitivs zugreift geht javascript folgendermaßen vor es erstellt ein temporäres wrapper object des passenden typs das den primitiven wert enthält es liest die angeforderte methode oder eigenschaft aus diesem wrapper es führt sie aus und gibt das ergebnis zurück es verwirft das wrapper object sofort dieser gesamte vorgang findet hinter den kulissen statt und wird von der engine stark optimiert sodass er praktisch kostenfrei ist die wichtigste erkenntnis das primitiv selbst wird niemals verändert und wird nie dauerhaft zu einem object der wrapper existiert nur für die dauer dieses einzelnen ausdrucks die wrapper konstruktoren fünf primitive typen verfügen über einen entsprechenden eingebauten wrapper konstruktor der ihre methoden bereitstellt string für string primitive number für numerische werte boolean für boolean werte symbol für symbole bigint für bigints null und undefined haben keinen wrapper daher wirft das lesen einer eigenschaft auf ihnen einen typeerror zum beispiel schlägt null tostring fehl string methoden strings stellen über den string wrapper eine umfangreiche sammlung von methoden bereit hier kombinieren sich einige davon um einen satz in titelschreibweise umzuwandeln javascript editable run let greeting hello world console log greeting touppercase output hello world console log greeting charat 0 output h console log greeting length output 13 a property not a method zu beachten ist dass length eine eigenschaft und keine methode ist weshalb sie keine klammern hat touppercase gibt einen neuen string zurück und lässt greeting unverändert getreu der oben beschriebenen unveränderlichkeitsregel number methoden zahlen erhalten methoden über den number wrapper eine häufig verwendete methode ist tofixed die auf eine feste anzahl von dezimalstellen rundet javascript editable run let pi 3 14159 console log pi tofixed 2 output 3 14 console log 255 tostring 16 output ff hexadecimal console log 5 tostring 2 output 101 binary zwei dinge sind zu beachten erstens gibt tofixed einen string zurück keine zahl typeof 3 14159 tofixed 2 ergibt string zweitens benötigt man zum direkten aufrufen einer methode auf einem zahlen literal zusätzliche klammern oder ein leerzeichen 255 tostring 16 funktioniert ebenfalls aber 255 tostring 16 ist ein syntaxfehler weil der parser den ersten punkt als dezimalpunkt interpretiert boolean methoden booleans können den boolean wrapper nutzen meistens nur tostring javascript editable run let flag false console log flag tostring output false symbol methoden symbole ein einzigartiger primitiver typ erhalten methoden über den symbol wrapper javascript editable run let sym symbol description console log sym tostring output symbol description tostring muss hier explizit aufgerufen werden symbole konvertieren absichtlich nicht automatisch zu einem string in string kontexten wie sym was sonst einen typeerror werfen würde bigint methoden bigint konzipiert für ganzzahlen die zu groß für den regulären number typ sind erhält methoden über den bigint wrapper javascript editable run let largenumber bigint 12345678901234567890 console log largenumber tostring output 12345678901234567890 der wert wird hier als string übergeben weil das schreiben als numerisches literal den sicheren ganzzahlbereich überschreiten und genauigkeit verlieren würde bevor bigint ihn überhaupt verarbeitet der fallstrick new niemals mit primitiven wrappern verwenden javascript erlaubt es ein wrapper object selbst mit new number 1 new string x oder new boolean false zu erstellen aber das sollte man so gut wie nie tun ein mit new erstellter wrapper ist ein echtes object und jedes object ist truthy einschließlich eines das false einhüllt javascript editable run let zero new number 0 if zero console log this runs the wrapper object is truthy console log typeof 0 output number console log typeof new number 0 output object dies ist eine klassische fehlerquelle den konstruktor ohne new aufzurufen ist hingegen in ordnung und nützlich number 42 string 123 und boolean value führen eine einfache typkonvertierung durch und geben primitive zurück keine objekte zusammenfassung primitive sind einfache unveränderliche werte die als wert gespeichert werden objekte sind veränderlich und werden als referenz gespeichert das aufrufen einer methode auf einem primitiv funktioniert weil javascript es in ein temporäres object einhüllt die methode ausführt und den wrapper anschließend verwirft string number boolean symbol und bigint stellen die methoden bereit null und undefined haben keinen wrapper und werfen einen fehler wenn man auf eine eigenschaft zugreift wrapper funktionen ohne new für die typkonvertierung verwenden niemals new nutzen um wrapper objekte im alltäglichen code zu erstellen sie sind immer truthy und verhalten sich unerwartet als nächstes die methoden der einzelnen typen im detail erkunden strings zahlen und bigint übungen übung welche der folgenden methoden sind auf primitive datentypen in javascript anwendbar welche der folgenden methoden sind auf primitive datentypen in javascript anwendbar charat tostring tofixed append connect prüfen was this page helpful yes no previous js optional chaining next js zahlen on this page einführung in javascript primitive und objekte wie primitive methoden aufrufen objekt wrapper der fallstrick new niemals mit primitiven wrappern verwenden 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