freeCodeCamp/curriculum/challenges/italian/02-javascript-algorithms-an.../es6/reuse-javascript-code-using...

2.0 KiB

id title challengeType forumTopicId dashedName
587d7b8c367417b2b2512b55 Riutilizzare codice JavaScript usando import 1 301208 reuse-javascript-code-using-import

--description--

import ti permette di scegliere quali parti di un file o di un modulo caricare. Nella lezione precedente, gli esempi esportavano add dal file math_functions.js. Ecco come è possibile importarlo per usarlo in un altro file:

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

Qui, import troverà add nel file math_functions.js, importerà solo quella funzione per il tuo utilizzo ed ignorerà il resto. Il ./ dice all'importazione di cercare il file math_functions.js nella stessa cartella del file attuale. Il percorso relativo del file (./) e l'estensione del file (.js) sono necessari quando si utilizza import in questo modo.

È possibile importare più di un elemento dal file aggiungendoli nell'istruzione import in questo modo:

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

--instructions--

Aggiungi l'istruzione import appropriata che permetterà al file corrente di utilizzare le funzioni uppercaseString e lowercaseString che hai esportato nella lezione precedente. Queste funzioni sono in un file chiamato string_functions.js, che si trova nella stessa cartella del file corrente.

--hints--

Dovresti importare correttamente uppercaseString.

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

Dovresti importare correttamente lowercaseString.

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!");