René's URL Explorer Experiment


Title: JavaScript-Module - JavaScript | MDN

Open Graph Title: JavaScript-Module - JavaScript | MDN

Description: Dieser Leitfaden bietet Ihnen alles, was Sie benötigen, um mit der JavaScript-Modulsyntax zu beginnen.

Open Graph Description: Dieser Leitfaden bietet Ihnen alles, was Sie benötigen, um mit der JavaScript-Modulsyntax zu beginnen.

Opengraph URL: https://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules

direct link

Domain: developer.mozilla.org

og:localede
og:imagehttps://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png
og:image:typeimage/png
og:image:height1080
og:image:width1920
og:image:altThe MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.
og:site_nameMDN Web Docs
twitter:cardsummary_large_image
twitter:creatorMozDevNet
position4

Links:

Skip to main contenthttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#content
Skip to searchhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#search
MDN https://developer.mozilla.org/de/
HTML: Markup languagehttps://developer.mozilla.org/de/docs/Web/HTML
Elementshttps://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements
Global attributeshttps://developer.mozilla.org/de/docs/Web/HTML/Reference/Global_attributes
Attributeshttps://developer.mozilla.org/de/docs/Web/HTML/Reference/Attributes
See all…https://developer.mozilla.org/de/docs/Web/HTML/Reference
Responsive imageshttps://developer.mozilla.org/de/docs/Web/HTML/Guides/Responsive_images
HTML cheatsheethttps://developer.mozilla.org/de/docs/Web/HTML/Guides/Cheatsheet
Date & time formatshttps://developer.mozilla.org/de/docs/Web/HTML/Guides/Date_and_time_formats
See all…https://developer.mozilla.org/de/docs/Web/HTML/Guides
SVGhttps://developer.mozilla.org/de/docs/Web/SVG
MathMLhttps://developer.mozilla.org/de/docs/Web/MathML
XMLhttps://developer.mozilla.org/de/docs/Web/XML
CSS: Styling languagehttps://developer.mozilla.org/de/docs/Web/CSS
Propertieshttps://developer.mozilla.org/de/docs/Web/CSS/Reference/Properties
Selectorshttps://developer.mozilla.org/de/docs/Web/CSS/Reference/Selectors
At-ruleshttps://developer.mozilla.org/de/docs/Web/CSS/Reference/At-rules
Valueshttps://developer.mozilla.org/de/docs/Web/CSS/Reference/Values
See all…https://developer.mozilla.org/de/docs/Web/CSS/Reference
Box modelhttps://developer.mozilla.org/de/docs/Web/CSS/Guides/Box_model/Introduction
Animationshttps://developer.mozilla.org/de/docs/Web/CSS/Guides/Animations/Using
Flexboxhttps://developer.mozilla.org/de/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts
Colorshttps://developer.mozilla.org/de/docs/Web/CSS/Guides/Colors/Applying_color
See all…https://developer.mozilla.org/de/docs/Web/CSS/Guides
Column layoutshttps://developer.mozilla.org/de/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts
Centering an elementhttps://developer.mozilla.org/de/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element
Card componenthttps://developer.mozilla.org/de/docs/Web/CSS/How_to/Layout_cookbook/Card
See all…https://developer.mozilla.org/de/docs/Web/CSS/How_to/Layout_cookbook
JavaScript: Scripting languagehttps://developer.mozilla.org/de/docs/Web/JavaScript
Standard built-in objectshttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects
Expressions & operatorshttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Operators
Statements & declarationshttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements
Functionshttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Functions
See all…https://developer.mozilla.org/de/docs/Web/JavaScript/Reference
Control flow & error handinghttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Control_flow_and_error_handling
Loops and iterationhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Loops_and_iteration
Working with objectshttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Working_with_objects
Using classeshttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Using_classes
See all…https://developer.mozilla.org/de/docs/Web/JavaScript/Guide
Web APIs: Programming interfaceshttps://developer.mozilla.org/de/docs/Web/API
File system APIhttps://developer.mozilla.org/de/docs/Web/API/File_System_API
Fetch APIhttps://developer.mozilla.org/de/docs/Web/API/Fetch_API
Geolocation APIhttps://developer.mozilla.org/de/docs/Web/API/Geolocation_API
HTML DOM APIhttps://developer.mozilla.org/de/docs/Web/API/HTML_DOM_API
Push APIhttps://developer.mozilla.org/de/docs/Web/API/Push_API
Service worker APIhttps://developer.mozilla.org/de/docs/Web/API/Service_Worker_API
See all…https://developer.mozilla.org/de/docs/Web/API
Using the Web animation APIhttps://developer.mozilla.org/de/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API
Using the Fetch APIhttps://developer.mozilla.org/de/docs/Web/API/Fetch_API/Using_Fetch
Working with the History APIhttps://developer.mozilla.org/de/docs/Web/API/History_API/Working_with_the_History_API
Using the Web speech APIhttps://developer.mozilla.org/de/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API
Using web workershttps://developer.mozilla.org/de/docs/Web/API/Web_Workers_API/Using_web_workers
All web technologyhttps://developer.mozilla.org/de/docs/Web
Accessibilityhttps://developer.mozilla.org/de/docs/Web/Accessibility
HTTPhttps://developer.mozilla.org/de/docs/Web/HTTP
URIhttps://developer.mozilla.org/de/docs/Web/URI
Web extensionshttps://developer.mozilla.org/de/docs/Mozilla/Add-ons/WebExtensions
WebAssemblyhttps://developer.mozilla.org/de/docs/WebAssembly
WebDriverhttps://developer.mozilla.org/de/docs/Web/WebDriver
See all…https://developer.mozilla.org/de/docs/Web
Mediahttps://developer.mozilla.org/de/docs/Web/Media
Performancehttps://developer.mozilla.org/de/docs/Web/Performance
Privacyhttps://developer.mozilla.org/de/docs/Web/Privacy
Securityhttps://developer.mozilla.org/de/docs/Web/Security
Progressive web appshttps://developer.mozilla.org/de/docs/Web/Progressive_web_apps
Learn web developmenthttps://developer.mozilla.org/de/docs/Learn_web_development
Getting started moduleshttps://developer.mozilla.org/de/docs/Learn_web_development/Getting_started
Core moduleshttps://developer.mozilla.org/de/docs/Learn_web_development/Core
MDN Curriculumhttps://developer.mozilla.org/en-US/curriculum/
Structuring content with HTML modulehttps://developer.mozilla.org/de/docs/Learn_web_development/Core/Structuring_content
CSS styling basics modulehttps://developer.mozilla.org/de/docs/Learn_web_development/Core/Styling_basics
CSS layout modulehttps://developer.mozilla.org/de/docs/Learn_web_development/Core/CSS_layout
Dynamic scripting with JavaScript modulehttps://developer.mozilla.org/de/docs/Learn_web_development/Core/Scripting
Playgroundhttps://developer.mozilla.org/en-US/play
HTTP Observatoryhttps://developer.mozilla.org/en-US/observatory
Border-image generatorhttps://developer.mozilla.org/de/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator
Border-radius generatorhttps://developer.mozilla.org/de/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator
Box-shadow generatorhttps://developer.mozilla.org/de/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator
Color format converterhttps://developer.mozilla.org/de/docs/Web/CSS/CSS_colors/Color_format_converter
Color mixerhttps://developer.mozilla.org/de/docs/Web/CSS/CSS_colors/Color_mixer
Shape generatorhttps://developer.mozilla.org/de/docs/Web/CSS/CSS_shapes/Shape_generator
About MDNhttps://developer.mozilla.org/en-US/about
Advertise with ushttps://developer.mozilla.org/en-US/advertising
Communityhttps://developer.mozilla.org/en-US/community
MDN on GitHubhttps://github.com/mdn
Bloghttps://developer.mozilla.org/en-US/blog/
Webhttps://developer.mozilla.org/de/docs/Web
JavaScripthttps://developer.mozilla.org/de/docs/Web/JavaScript
JavaScript-Leitfadenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide
JavaScript-Modulehttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules
https://github.com/orgs/mdn/discussions/739
https://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Modules
https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Modules
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Modules
https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Modules
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Modules
https://developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Modules
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Modules
Erfahre mehr über dieses Experiment.https://github.com/orgs/mdn/discussions/741
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
Zurück https://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Internationalization
Ein Hintergrund zu Modulenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#ein_hintergrund_zu_modulen
Einführung eines Beispielshttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#einführung_eines_beispiels
Grundstruktur des Beispielshttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#grundstruktur_des_beispiels
Exportieren von Modulfunktionenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#exportieren_von_modulfunktionen
Importieren von Funktionen in Ihr Skripthttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#importieren_von_funktionen_in_ihr_skript
Importieren von Modulen mit Import-Kartenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#importieren_von_modulen_mit_import-karten
Laden von Nicht-JavaScript-Ressourcenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#laden_von_nicht-javascript-ressourcen
Anwendung des Moduls in Ihrem HTMLhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#anwendung_des_moduls_in_ihrem_html
Weitere Unterschiede zwischen Modulen und klassischen Skriptenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#weitere_unterschiede_zwischen_modulen_und_klassischen_skripten
Standardexporte gegenüber benannten Exportenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#standardexporte_gegenüber_benannten_exporten
Vermeidung von Namenskonfliktenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#vermeidung_von_namenskonflikten
Umbenennen von Importen und Exportenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#umbenennen_von_importen_und_exporten
Erstellen eines Modulobjektshttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#erstellen_eines_modulobjekts
Module und Klassenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#module_und_klassen
Aggregieren von Modulenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#aggregieren_von_modulen
Dynamisches Laden von Modulenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#dynamisches_laden_von_modulen
Top-Level-Awaithttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#top-level-await
Importdeklarationen werden gehiesthttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#importdeklarationen_werden_gehiest
Zyklische Importehttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#zyklische_importe
Autor von "isomorphen" Modulenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#autor_von_isomorphen_modulen
Fehlerbehebunghttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#fehlerbehebung
Siehe auchhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#siehe_auch
Ein Hintergrund zu Modulenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#ein_hintergrund_zu_modulen
Node.jshttps://developer.mozilla.org/de/docs/Glossary/Node.js
CommonJShttps://en.wikipedia.org/wiki/CommonJS
AMDhttps://github.com/amdjs/amdjs-api/blob/master/AMD.md
RequireJShttps://requirejs.org/
webpackhttps://webpack.js.org/
Babelhttps://babeljs.io/
Einführung eines Beispielshttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#einführung_eines_beispiels
Reihe von Beispielenhttps://github.com/mdn/js-examples/tree/main/module-examples
https://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/canvas
Grundstruktur des Beispielshttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#grundstruktur_des_beispiels
basic-moduleshttps://github.com/mdn/js-examples/tree/main/module-examples/basic-modules
Nebenbemerkung — .mjs gegenüber .jshttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#nebenbemerkung_—_.mjs_gegenüber_.js
V8's Dokumentation empfiehlt dieshttps://v8.dev/features/modules#mjs
Node.jshttps://nodejs.org/api/esm.html#esm_enabling
Babelhttps://babeljs.io/docs/options#sourcetype
GitHub Pageshttps://pages.github.com/
http-serverhttps://github.com/http-party/http-server#readme
Content-Typehttps://developer.mozilla.org/de/docs/Web/HTTP/Reference/Headers/Content-Type
Exportieren von Modulfunktionenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#exportieren_von_modulfunktionen
exporthttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/export
Importieren von Funktionen in Ihr Skripthttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#importieren_von_funktionen_in_ihr_skript
importhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/import
main.jshttps://github.com/mdn/js-examples/blob/main/module-examples/basic-modules/main.js
Import-Kartehttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#importieren_von_modulen_mit_import-karten
import-Referenzhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/import#imported_values_can_only_be_modified_by_the_exporter
Importieren von Modulen mit Import-Kartenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#importieren_von_modulen_mit_import-karten
Import-Kartenhttps://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/script/type/importmap
Basis-URLhttps://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/base
JSON-Objektshttps://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/script/type/importmap#import_map_json_representation
importmaphttps://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/script/type/importmap
Funktionserkennunghttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#funktionserkennung
HTMLScriptElement.supports()https://developer.mozilla.org/de/docs/Web/API/HTMLScriptElement/supports_static
Importieren von Modulen als Bare-Namenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#importieren_von_modulen_als_bare-namen
Neuzuordnung von Modulpfadenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#neuzuordnung_von_modulpfaden
Anwendung spezifischer Module für das Versionsmanagementhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#anwendung_spezifischer_module_für_das_versionsmanagement
Verbesserung des Cachings durch das Mapping von gehashten Dateinamenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#verbesserung_des_cachings_durch_das_mapping_von_gehashten_dateinamen
Laden von Nicht-JavaScript-Ressourcenhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#laden_von_nicht-javascript-ressourcen
CSSStyleSheethttps://developer.mozilla.org/de/docs/Web/API/CSSStyleSheet
Importattributehttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/import/with
Anwendung des Moduls in Ihrem HTMLhttps://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#anwendung_des_moduls_in_ihrem_html