If you are not sure if the website you would like to visit is secure, you can verify it here. Enter the website address of the page and see parts of its content and the thumbnail images on this site. None (if any) dangerous scripts on the referenced page will be executed. Additionally, if the selected site contains subpages, you can verify it (review) in batches containing 5 pages.
favicon.ico: de.w3docs.com/learn-javascript/the-new-function-syntax - JavaScript-Funktionssyntax | W.

site address: de.w3docs.com/learn-javascript/the-new-function-syntax redirected to: de.w3docs.com/learn-javascript/the-new-function-syntax

site title: JavaScript-Funktionssyntax W3docs

Our opinion (on Tuesday 29 September 2026 5:31:17 UTC):

GREEN status (no comments) - no comments
After content analysis of this website we propose the following hashtags:



Meta tags:
description=Lerne die new Function -Syntax in JavaScript: Funktionen aus Strings zur Laufzeit erstellen, Scope-Regeln, Sicherheit gegenüber eval und Anwendungsfälle.;

Headings (most frequently used words):

die, funktionserstellung, dynamischen, new, function, und, der, javascript, funktionssyntax, syntax, praktische, anwendungen, beispiele, weiterführende, einblicke, in, dynamische, zusammenfassung, übungen, warum, es, existiert, scope, große, falle, eigenschaften, einer, funktion, vs, eval, mechanismen, vorteile, überlegungen, best, practices, erweitertes, beispiel, eine, einfache, template, engine,

Text of the page (most frequently used words):
und (70), die (60), #function (47), new (39), der (36), ist (30), javascript (27), werden (21), das (19), api (19), dom (19), code (17), mit (17), scope (17), funktion (17), eine (17), den (16), lernen (15), syntax (15), zur (14), wird (14), sie (14), template (14), string (14), return (14), funktionen (13), einer (13), strings (12), nicht (12), const (12), output (12), funktionserstellung (11), von (11), aus (11), console (11), für (10), kann (10), log (10), dynamische (9), dynamischen (9), auf (9), als (9), laufzeit (9), html (8), web (8), oder (8), variablen (8), einem (8), methoden (8), dem (7), eval (7), dynamisch (7), parameter (7), data (7), diese (7), alle (6), über (6), tools (6), this (6), was (6), denen (6), funktionsrumpf (6), können (6), übergeben (6), argumente (6), dass (6), hello (6), name (6), engine (6), run (6), editable (6), ein (6), outer (6), w3docs (5), übungen (5), objekt (5), verwendet (5), sind (5), nur (5), functionbody (5), let (5), erstellt (5), and (5), the (5), erstellte (5), ihre (5), events (5), formatter (5), color (5), json (4), generator (4), css (4), beispiele (4), praktische (4), pfeilfunktionen (4), bei (4), performance (4), wenn (4), sich (4), ausgeführt (4), argument (4), kopieren (4), arg1 (4), beispiel (4), dies (4), des (4), existiert (4), sicherheit (4), browser (4), eigenschaften (4), secret (4), sum (4), shadow (4), fetch (4), async (4), einführung (4), entwickler (3), encoder (3), editor (3), quizze (3), php (3), weiterführende (3), anwendungen (3), page (3), funktionscode (3), globale (3), sollte (3), best (3), practices (3), siehe (3), aber (3), daher (3), eingabe (3), äußere (3), lokalen (3), müssen (3), daten (3), immer (3), konstruktor (3), dieses (3), flexibilität (3), auch (3), expr (3), regex (3), object (3), debugging (3), muss (3), zusammengesetzt (3), überlegungen (3), ermöglicht (3), deklaration (3), arg2 (3), erstellen (3), globalen (3), lokale (3), man (3), rate (3), price (3), local (3), rumpf (3), noch (3), form (3), flag (3), document (3), objekte (3), event (3), promise (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), probier (2), python (2), java (2), git (2), bücher (2), snippets (2), zusammenfassung (2), einblicke (2), settimeout (2), setinterval (2), nfe (2), eingaben (2), generierung (2), verwendung (2), objektmethoden (2), indem (2), parsen (2), schlüsselwort (2), erstellung (2), jedoch (2), callbacks (2), merkmale (2), zusammenhang (2), expressions (2), closures (2), wirklich (2), engines (2), überall (2), aktuellen (2), einschließen (2), global (2), benennen (2), letzte (2), zum (2), argn (2), func (2), sondern (2), hinweis (2), dadurch (2), platzhalter (2), ausgewertet (2), createtemplateengine (2), expression (2), today (2), day (2), alice (2), wednesday (2), einsatz (2), veranschaulichen (2), implementierung (2), durch (2), einschränkung (2), zugriff (2), eigenen (2), zugreifen (2), abschnitt (2), oben (2), referenceerror (2), sein (2), bis (2), namen (2), statisch (2), jedes (2), neue (2), auszuführen (2), bereinigt (2), umgebung (2), vom (2), isoliert (2), besonders (2), nützlich (2), scripting (2), hohes (2), maß (2), anderen (2), generiert (2), vorteile (2), dynamicfunc (2), mechanismen (2), auszuführende (2), bekannt (2), vertieft (2), ihr (2), beschränkt (2), liefert (2), lesen (2), verändern (2), optimierung (2), str (2), dieser (2), warum (2), stack (2), typeof (2), length (2), parameters (2), anonymous (2), withtax (2), 100 (2), wurde (2), closure (2), add (2), makeadder (2), vergleich (2), server (2), text (2), fälle (2), beim (2), schreiben (2), programms (2), optional (2), angegeben (2), deren (2), regeln (2), funktionssyntax (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), error (2), erweitern (2), handling (2), class (2), prototypes (2), interaktive (2), elemente (2), verwenden (2), property (2), arrow (2), functions (2), objects (2), hash (2), 2026, rechte, vorbehalten, gemacht, sprache, datenschutzrichtlinie, kontakt, uns, unternehmen, üben, kostenlose, tutorials, seit, 2014, next, previous, yes, helpful, prüfen, unerlässlich, validieren, bereinigen, sicherheitslücken, verhindern, verweist, empfohlen, verbessert, vermieden, konstruktoren, kombiniert, eignet, aufgrund, sicherheitsbedenken, vorsicht, erlauben, umgebenden, kontext, ideal, macht, übung, informationen, verwandten, themen, variable, verwende, isolierte, ausdrucksauswertungen, generierte, handler, bevorzuge, sonst, gewöhnliche, allgemeinen, sicherer, beide, werten, ihnen, vertrauenswürdige, bereinigte, erstellten, ort, ihrer, keine, früheren, wichtige, punkte, merken, demonstriert, verdeutlicht, bedeutung, sorgfältigen, konstruktion, bereinigung, sicherheitsrisiken, vermeiden, sequenz, maskiert, literal, verhindert, sofort, stattdessen, literaler, generierten, matches, captures, construct, body, replace, that, takes, returns, processed, praktischen, betrachten, wir, einfachen, ersetzt, werte, datenobjekt, dabei, umgehen, erweitertes, einfache, erfassen, definiert, haben, führen, erwartet, lexikalischen, scopes, debuggen, generierter, schwieriger, aussagekräftige, problem, abmildern, weniger, performant, deklarierte, mal, bedacht, insbesondere, kritischen, pfaden, primäre, anliegen, besteht, risiko, bösartigen, ordnungsgemäß, stets, validiert, obwohl, leistungsstark, bringt, einige, sorgfältigem, kontrollierten, wobei, ausgeführte, potenziell, hauptanwendungskontext, isolation, benutzerdefinierter, lösungen, logik, templating, anpassung, basierend, benutzereingaben, konfigurationseinstellungen, laufzeitdaten, anpassbarkeit, entspricht, funktional, herkömmliche, weise, wesentlichen, unterschied, funktionsinstanz, konstruktors, darstellen, gefolgt, repräsentiert, leistungsstarke, technik, fähigkeit, szenarien, voraus, etwa, erfordern, situationen, skripte, verändert, diesem, gegeben, potenzial, selbst, verfügbar, nachfolgend, vollständiges, ausführbares, bearbeitet, seltenen, fall, notwendig, sicherere, beiden, optionen, wirkungsbereich, expliziten, wie, gezeigt, wiederverwendbare, zurück, statt, einmaligen, auswertung, führt, nahe, gelegene, sogar, enge, kopplung, erschwert, erleichtert, missbrauch, sowohl, wandeln, ausführbaren, verhalten, sehr, unterschiedlich, quasi, leere, grund, traces, schwerer, weiter, unten, number, jeder, hinsicht, normales, funktionsobjekt, besonderheit, beabsichtigt, könnte, würden, minifier, usw, umbenennen, jeden, zerstören, referenziert, bleibt, minifizierung, sicher, schlussfolgerung, alles, benötigt, darf, nie, erwarten, umgebende, liest, globalthis, 120, reads, hidden, undefined, invisible, reguläre, genauso, geschrieben, würde, problemlos, version, sieht, not, defined, tries, read, detail, stolpern, erfasst, anders, normale, lexikalische, große, falle, besondere, normalen, stammt, kommen, antwort, benutzerkonfiguration, genau, jene, hier, dasselbe, ergebnis, schreibweise, übliche, klarere, all, parameternamen, einzigen, kommaseparierten, gleichwertig, ersten, allgemeine, lautet, ausführung, zusammenstellen, erst, moment, meistens, ausdruck, bietet, weitere, möglichkeit, aufbaut, seite, konzentriert, genaue, meisten, überraschen, sowie, wenigen, richtige, werkzeug, pfeilfunktion, lerne, gegenüber, anwendungsfälle, 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, modus, anfang, ende, unicode, klasse, zeichenklassen, regular, styling, slots, komposition, element, custom, elements, animation, indexeddb, localstorage, sessionstorage, cookies, cookie, storing, wiederaufnehmbarer, dateiupload, 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, 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, attribute, knoteneigenschaften, typ, tag, inhalt, 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, proxy, reflect, miscellaneous, imports, export, import, module, modules, iteratoren, generators, iteration, promisification, fehler, try, catch, mixins, checking, instanceof, eingebaute, private, geschützte, statische, klassenvererbung, grundsyntax, classes, prototyp, ohne, __proto__, native, prototypale, vererbung, inheritance, widgets, barrierefreiheit, kompatibilität, manipulationsbibliotheken, fortgeschrittene, techniken, manipulationstechniken, traversieren, arbeiten, manipulieren, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, globales, alte, var, rest, spread, rekursion, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, array, math, zahlen, primitiven, types, operator, primitiv, konvertierung, symbol, typen, garbage, collection, basics, es6, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, datentypen, use, strict, kommentare, basic, anmelden, durchsuchen, formatters, reverse, sha256, md5, calculator, colors, hsl, hex, mixer, converter, picker, general, kurse,


Text of the page (random words):
nktionen 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 funktionssyntax lerne die new function syntax in javascript funktionen aus strings zur laufzeit erstellen scope regeln sicherheit gegenüber eval und anwendungsfälle meistens erstellt man eine funktion mit einer deklaration einem ausdruck oder einer pfeilfunktion javascript bietet jedoch noch eine weitere möglichkeit den new function konstruktor der eine funktion aus strings zur laufzeit aufbaut diese seite konzentriert sich auf diese syntax ihre genaue form die scope regeln die die meisten entwickler überraschen den vergleich mit eval sowie die wenigen fälle in denen sie das richtige werkzeug ist die new function syntax die new function syntax ermöglicht es eine funktion zu erstellen deren parameter und rumpf als strings angegeben werden da der rumpf bis zur ausführung nur text ist kann man eine funktion zusammenstellen deren code beim schreiben des programms noch nicht bekannt ist sondern erst in dem moment in dem es ausgeführt wird die allgemeine form lautet let func new function arg1 arg2 argn functionbody kopieren jedes argument ist ein string die ersten argumente benennen die parameter das letzte argument ist immer der funktionsrumpf javascript editable run const sum new function a b return a b console log sum 10 5 output 15 alle parameternamen können auch in einem einzigen kommaseparierten string angegeben werden was gleichwertig ist javascript editable run const sum new function a b return a b console log sum 2 3 output 5 no parameters at all const hello new function return hello console log hello output hello das schlüsselwort new ist hier optional function a b return a b liefert dasselbe ergebnis aber die schreibweise new function ist die übliche und klarere form warum es existiert das besondere an new function im vergleich zu einer normalen deklaration ist dass der rumpf aus einem string stammt dieser string kann von überall kommen einer server antwort einem template einer benutzerkonfiguration oder text der zur laufzeit zusammengesetzt wird die syntax existiert daher genau für jene fälle in denen der auszuführende code beim schreiben des programms noch nicht existiert scope die große falle dies ist das detail über das alle stolpern eine mit new function erstellte funktion erfasst den scope in dem sie erstellt wurde nicht anders als eine normale closure ist ihre äußere lexikalische umgebung der globale scope nicht der lokale function makeadder let outer 100 this function tries to read outer return new function x return x outer const add makeadder add 5 referenceerror outer is not defined kopieren eine reguläre funktion die genauso geschrieben wurde würde outer problemlos über eine closure einschließen die new function version kann das nicht sie sieht nur ihre eigenen parameter und den globalen scope javascript editable run globalthis rate 0 2 const withtax new function price return price price rate console log withtax 100 output 120 reads the global rate function local const secret hidden const f new function return typeof secret return f console log local output undefined the local secret is invisible dies ist beabsichtigt könnte new function auf lokale variablen zugreifen würden minifier die outer in a secret in b usw umbenennen jeden code zerstören der diese namen als strings referenziert indem der zugriff auf den globalen scope beschränkt wird bleibt die minifizierung sicher die praktische schlussfolgerung alles was eine dynamische funktion benötigt muss über ihre argumente übergeben werden man darf nie erwarten dass sie umgebende variablen liest eigenschaften einer dynamischen funktion eine so erstellte funktion ist in jeder anderen hinsicht ein normales funktionsobjekt mit einer besonderheit ihr name ist immer anonymous javascript editable run const f new function a b return a b console log typeof f output function console log f length output 2 number of parameters console log f name output anonymous dieser quasi leere name ist ein grund warum dynamische funktionen in stack traces schwerer zu lesen sind siehe den debugging hinweis weiter unten new function vs eval sowohl new function als auch eval wandeln strings in ausführbaren code um verhalten sich aber sehr unterschiedlich eval str führt str im aktuellen scope aus und kann dadurch nahe gelegene lokale variablen lesen und sogar verändern diese enge kopplung erschwert die optimierung und erleichtert den missbrauch new function ist vom lokalen scope isoliert wie oben gezeigt und liefert eine wiederverwendbare funktion zurück statt einer einmaligen auswertung für den seltenen fall dass es wirklich notwendig ist code aus einem string auszuführen ist new function die sicherere der beiden optionen da ihr wirkungsbereich auf den globalen scope und die expliziten parameter beschränkt ist praktische anwendungen und beispiele nachfolgend ein vollständiges ausführbares beispiel das im browser bearbeitet und ausgeführt werden kann probier es selbst ist für dieses beispiel nicht verfügbar weiterführende einblicke in die dynamische funktionserstellung die dynamische funktionserstellung in javascript ermöglicht durch die new function syntax ist eine leistungsstarke technik mit der entwickler funktionen aus code strings zur laufzeit erstellen können diese fähigkeit ist besonders nützlich in szenarien in denen der auszuführende code nicht statisch oder zum voraus bekannt ist etwa in anwendungen die ein hohes maß an flexibilität erfordern oder in situationen in denen skripte dynamisch generiert oder verändert werden in diesem abschnitt werden die mechanismen vorteile und überlegungen zur dynamischen funktionserstellung vertieft und praktische beispiele gegeben um das potenzial zu veranschaulichen mechanismen der dynamischen funktionserstellung die new function syntax erstellt eine neue funktionsinstanz die argumente des new function konstruktors sind strings die die argumente der funktion darstellen gefolgt von einem string der den funktionsrumpf repräsentiert javascript editable run const dynamicfunc new function arg1 arg2 return arg1 arg2 console log dynamicfunc 5 10 output 15 dies entspricht funktional der deklaration einer funktion auf herkömmliche weise mit dem wesentlichen unterschied dass der code der funktion dynamisch zur laufzeit zusammengesetzt werden kann vorteile der dynamischen funktionserstellung flexibilität und anpassbarkeit die dynamische funktionserstellung ermöglicht ein hohes maß an anpassung da funktionen basierend auf benutzereingaben konfigurationseinstellungen oder anderen laufzeitdaten generiert werden können scripting und templating sie ist besonders nützlich bei der implementierung benutzerdefinierter scripting lösungen oder template engines bei denen die template logik zur laufzeit ausgewertet werden muss isolation und sicherheit bei sorgfältigem einsatz kann code in einer kontrollierten umgebung ausgeführt werden wobei der dynamisch ausgeführte code potenziell vom hauptanwendungskontext isoliert wird überlegungen und best practices obwohl die dynamische funktionserstellung leistungsstark ist bringt sie einige überlegungen mit sich sicherheit das primäre anliegen ist die sicherheit da der funktionscode aus strings zusammengesetzt wird besteht das risiko bösartigen code auszuführen wenn die eingabe nicht ordnungsgemäß bereinigt wird eingaben die zur generierung von funktionscode verwendet werden müssen stets validiert und bereinigt werden performance dynamisch erstellte funktionen können weniger performant sein als statisch deklarierte da die javascript engine den funktionsrumpf string jedes mal parsen muss wenn eine neue funktion erstellt wird diese funktion sollte mit bedacht verwendet werden insbesondere in performance kritischen pfaden debugging das debuggen dynamisch generierter funktionen kann schwieriger sein da der code bis zur laufzeit nicht existiert aussagekräftige namen für dynamisch erstellte funktionen können dieses problem abmildern einschränkung des lexikalischen scopes mit new function erstellte funktionen erfassen nicht den lokalen scope in dem sie definiert sind sie haben nur zugriff auf globale variablen und ihre eigenen parameter dies kann zu referenceerror s führen wenn erwartet wird dass sie auf äußere variablen zugreifen siehe den scope abschnitt oben daten müssen über argumente übergeben werden erweitertes beispiel eine einfache template engine um den praktischen einsatz der dynamischen funktionserstellung zu veranschaulichen betrachten wir die implementierung einer einfachen template engine diese engine ersetzt platzhalter in einem template string durch werte aus einem datenobjekt und die daten werden dabei als argument übergeben um die scope einschränkung zu umgehen javascript editable run function createtemplateengine template matches expression and captures expression const regex g construct function body let functionbody let output template replace regex _ expr expr n functionbody return output return a new function that takes a data object and returns the processed template return new function data functionbody const template hello data name today is data day const engine createtemplateengine template console log engine name alice day wednesday output hello alice today is wednesday hinweis die sequenz maskiert die template literal syntax dadurch wird verhindert dass der expr platzhalter sofort ausgewertet wird und er wird stattdessen als literaler string an den generierten funktionsrumpf übergeben dieses beispiel demonstriert nicht nur die flexibilität der dynamischen funktionserstellung sondern verdeutlicht auch die bedeutung einer sorgfältigen konstruktion und bereinigung der eingabe um sicherheitsrisiken zu vermeiden zusammenfassung der new function konstruktor erstellt eine funktion aus strings zur laufzeit let func new function arg1 argn functionbody kopieren wichtige punkte zum merken das letzte argument ist immer der funktionsrumpf die früheren benennen die parameter der äußere scope einer dynamisch erstellten funktion ist global nicht der ort ihrer erstellung sie kann keine lokalen variablen einschließen daher müssen daten über argumente übergeben werden sie ist im allgemeinen sicherer als eval das im aktuellen scope ausgeführt wird aber beide werten strings aus daher sollte ihnen nur vertrauenswürdige bereinigte eingabe übergeben werden verwende sie für wirklich dynamischen code template engines isolierte ausdrucksauswertungen zur laufzeit generierte handler und bevorzuge überall sonst gewöhnliche funktionen oder pfeilfunktionen für weiterführende informationen zu verwandten themen siehe javascript...
Thumbnail images (randomly selected): * Images may be subject to copyright.GREEN status (no comments)

    No Images


    Verified site has: 235 subpage(s). Do you want to verify them? Verify pages:

    1-5 6-10 11-15 16-20 21-25 26-30 31-35 36-40 41-45 46-50
    51-55 56-60 61-65 66-70 71-75 76-80 81-85 86-90 91-95 96-100
    101-105 106-110 111-115 116-120 121-125 126-130 131-135 136-140 141-145 146-150
    151-155 156-160 161-165 166-170 171-175 176-180 181-185 186-190 191-195 196-200
    201-205 206-210 211-215 216-220 221-225 226-230 231-235


    The site also has 3 references to external domain(s).

     x.com  Verify  github.com  Verify  linkedin.com  Verify


    Top 50 hastags from of all verified websites.

    Supplementary Information (add-on for SEO geeks)*- See more on header.verify-www.com

    Header

    HTTP/1.1 301 Moved Permanently
    Date Tue, 29 Sep 2026 05:31:17 GMT
    Content-Type text/html; charset=UTF-8
    Transfer-Encoding chunked
    Connection close
    Location htt????/de.w3docs.com/learn-javascript/the-new-function-syntax
    Report-To group : cf-nel , max_age :604800, endpoints :[ url : htt????/a.nel.cloudflare.com/report/v4?s=ReEJ3jo66gLSjk1w464f%2FjN9Ja5Uu7%2Fu6qSY1YsaXH2NlrXdrRgdCFo3JzGC146sIDU1tsZcQF%2BGj%2B7FAGKH9k2O1%2FDnwOMzbteZ%2FBHJROgChLuIazhFBx9Ya%2Ftq8%2FTC ]
    Nel report_to : cf-nel , success_fraction :0.0, max_age :604800
    Server cloudflare
    CF-RAY a42899c94b7a01c7-CDG
    alt-svc h3= :443 ; ma=86400
    HTTP/2 200
    date Tue, 29 Sep 2026 05:31:17 GMT
    content-type text/html; charset=utf-8
    cache-control public, max-age=0, s-maxage=3600, stale-while-revalidate=86400
    nel report_to : cf-nel , success_fraction :0.0, max_age :604800
    link </_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2>; rel=preload; as= font ; crossorigin= ; type= font/woff2 , </_next/static/chunks/0f-03z2d3_qak.css>; rel=preload; as= style , </_next/static/chunks/167rp0.dvu8z4.css>; rel=preload; as= style
    vary rsc, next-router-state-tree, next-router-prefetch, next-router-segment-prefetch, Accept-Encoding
    via 1.1 Caddy
    x-locale de
    x-powered-by Next.js
    cf-cache-status DYNAMIC
    report-to group : cf-nel , max_age :604800, endpoints :[ url : htt????/a.nel.cloudflare.com/report/v4?s=989R373SG8oJEypFcC6y7%2F4PTpGVmT5aPMjAptihpQVxI6pumqUyErjCU5%2BVeS7k%2F%2B%2BjEpnAY%2F1%2BmS84dPIfHw3cUen9z1LR3yjkw%2BPSJUQoBP%2FdFrfO6DqEUuzpuW6Y ]
    content-encoding gzip
    server cloudflare
    cf-ray a42899c99f303cc8-CDG
    alt-svc h3= :443 ; ma=86400

    Meta Tags

    title="JavaScript-Funktionssyntax | W3docs"
    charset="utf-8"
    name="viewport" content="width=device-width, initial-scale=1"
    name="next-size-adjust" content=""
    name="description" content='Lerne die "new Function"-Syntax in JavaScript: Funktionen aus Strings zur Laufzeit erstellen, Scope-Regeln, Sicherheit gegenüber eval und Anwendungsfälle.'
    property="og:title" content="JavaScript-Funktionssyntax"
    property="og:description" content='Lerne die "new Function"-Syntax in JavaScript: Funktionen aus Strings zur Laufzeit erstellen, Scope-Regeln, Sicherheit gegenüber eval und Anwendungsfälle.'
    property="og:url" content="htt????/de.w3docs.com/learn-javascript/the-new-function-syntax"
    property="og:site_name" content="W3docs"
    property="og:locale" content="de_DE"
    property="og:image" content="htt????/www.w3docs.com/build/images/logo-amp.png"
    property="og:type" content="article"
    name="twitter:card" content="summary_large_image"
    name="twitter:site" content="@w3docs"
    name="twitter:title" content="JavaScript-Funktionssyntax"
    name="twitter:description" content='Lerne die "new Function"-Syntax in JavaScript: Funktionen aus Strings zur Laufzeit erstellen, Scope-Regeln, Sicherheit gegenüber eval und Anwendungsfälle.'
    name="twitter:image" content="htt????/www.w3docs.com/build/images/logo-amp.png"

    Load Info

    page size51368
    load time (s)0.457885
    redirect count1
    speed download112402
    server IP 104.26.5.230
    * all occurrences of the string "http://" have been changed to "htt???/"