2.0 KiB
id, title, challengeType, forumTopicId, dashedName
| id | title | challengeType | forumTopicId | dashedName |
|---|---|---|---|---|
| 587d7b8c367417b2b2512b55 | Reutilizar código JavaScript usando import | 1 | 301208 | reuse-javascript-code-using-import |
--description--
import te permite escolher quais partes carregar de um arquivo ou módulo. Na lição anterior, os exemplos exportaram a função add do arquivo math_functions.js. Você pode importá-la e usá-la em outro arquivo assim:
import { add } from './math_functions.js';
Aqui, import encontrará a função add no arquivo math_functions.js, importar apenas essa função e ignorar o resto. O ./ diz ao import para procurar pelo arquivo math_functions.js no mesmo diretório que o arquivo atual. O caminho relativo do arquivo (./) e a extensão do arquivo (.js) são necessários ao usar import dessa forma.
Você pode importar mais de um item do arquivo ao adicioná-los na instrução import dessa forma:
import { add, subtract } from './math_functions.js';
--instructions--
Adicione a instrução import apropriada que permitirá o arquivo atual usar as funções uppercaseString e lowercaseString que você exportou na lição anterior. As funções estão em um arquivo chamado string_functions.js, o qual está no mesmo diretório que o arquivo atual.
--hints--
Você deve importar a função uppercaseString.
assert(
code.match(
/import\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
)
);
Você deve importar a função 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!");