freeCodeCamp/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7b8c367417b2b2512b55	Verwende JavaScript-Code mit import wieder	1	301208	reuse-javascript-code-using-import

--description--

Mit import kannst du auswählen, welche Teile einer Datei oder eines Moduls du laden möchtest. In der vorherigen Aufgabe haben die Beispiele add aus der Datei math_functions.js exportiert. Hier erfährst du, wie du sie importieren und in einer anderen Datei verwenden kannst:

import { add } from './math_functions.js';

import findet add in math_functions.js, und importiert nur diese Funktion, damit du sie verwenden kannst, und ignoriert den Rest. Das ./ sagt dem Import, dass er nach der Datei math_functions.js im gleichen Ordner wie die aktuelle Datei suchen soll. Der relative Dateipfad (./) und die Dateierweiterung (.js) sind erforderlich, wenn du auf diese Weise importierst.

Du kannst mehr als ein Element aus der Datei importieren, indem du sie in der Anweisung import wie folgt hinzufügst:

import { add, subtract } from './math_functions.js';

--instructions--

Füge die entsprechende Anweisung import hinzu, die es der aktuellen Datei ermöglicht, die Funktionen uppercaseString und lowercaseString zu verwenden, die du in der vorherigen Lektion exportiert hast. Diese Funktionen befinden sich in einer Datei namens string_functions.js, die sich im gleichen Verzeichnis wie die aktuelle Datei befindet.

--hints--

Du solltest uppercaseString korrekt importieren.

assert(
  code.match(
    /import\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
  )
);

Du solltest lowercaseString korrekt importieren.

assert(
  code.match(
    /import\s*{\s*(lowercaseString[^}]*|[^,]*,\s*lowercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
  )
);

--seed--

--seed-contents--

// Only change code above this line

uppercaseString("hello");
lowercaseString("WORLD!");

--solutions--

import { uppercaseString, lowercaseString } from './string_functions.js';

uppercaseString("hello");
lowercaseString("WORLD!");