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