diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.portuguese.md index fe14abed36..8bbcb20942 100644 --- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.portuguese.md +++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.portuguese.md @@ -7,7 +7,7 @@ localeTitle: Entenda as diferenças entre importar e exigir --- ## Description -
No passado, a função require() seria usada para importar as funções e o código em arquivos e módulos externos. Embora seja prático, isso apresenta um problema: alguns arquivos e módulos são bastante grandes e você pode precisar apenas de determinados códigos desses recursos externos. O ES6 nos fornece uma ferramenta muito útil, conhecida como importação . Com ele, podemos escolher quais partes de um módulo ou arquivo carregar em um determinado arquivo, economizando tempo e memória. Considere o seguinte exemplo. Imagine que math_array_functions tenha cerca de 20 funções, mas eu só preciso de um, countItems , no meu arquivo atual. A antiga abordagem require() me forçaria a trazer todas as 20 funções. Com essa nova sintaxe de import , posso trazer apenas a função desejada, assim:
import {countItems} de "math_array_functions"
Uma descrição do código acima:
import {function} de "file_path_goes_here"
// Também podemos importar variáveis ​​da mesma maneira!
Existem algumas maneiras de escrever uma declaração de import , mas o acima é um caso de uso muito comum. Nota
O espaço em branco ao redor da função dentro das chaves é uma prática recomendada - facilita a leitura da declaração de import . Nota
As lições desta seção tratam de recursos que não são do navegador. import , e as declarações que introduzimos no restante dessas lições, não funcionarão diretamente em um navegador. No entanto, podemos usar várias ferramentas para criar código a partir disso para que funcione no navegador. Nota
Na maioria dos casos, o caminho do arquivo requer um ./ antes dele; caso contrário, o nó procurará no diretório node_modules primeiro tentando carregá-lo como uma dependência.
+
No passado, a função require() seria usada para importar as funções e o código em arquivos e módulos externos. Embora seja prático, isso apresenta um problema: alguns arquivos e módulos são bastante grandes e você pode precisar apenas de determinados códigos desses recursos externos. O ES6 nos fornece uma ferramenta muito útil, conhecida como importação . Com ele, podemos escolher quais partes de um módulo ou arquivo carregar em um determinado arquivo, economizando tempo e memória. Considere o seguinte exemplo. Imagine que math_array_functions tenha cerca de 20 funções, mas eu só preciso de um, countItems , no meu arquivo atual. A antiga abordagem require() me forçaria a trazer todas as 20 funções. Com essa nova sintaxe de import , posso trazer apenas a função desejada, assim:
import {countItems} from "math_array_functions"
Uma descrição do código acima:
import {function} from "file_path_goes_here"
// Também podemos importar variáveis ​​da mesma maneira!
Existem algumas maneiras de escrever uma declaração de import , mas o acima é um caso de uso muito comum. Nota
O espaço em branco ao redor da função dentro das chaves é uma prática recomendada - facilita a leitura da declaração de import . Nota
As lições desta seção tratam de recursos que não são do navegador. import , e as declarações que introduzimos no restante dessas lições, não funcionarão diretamente em um navegador. No entanto, podemos usar várias ferramentas para criar código a partir disso para que funcione no navegador. Nota
Na maioria dos casos, o caminho do arquivo requer um ./ antes dele; caso contrário, o nó procurará no diretório node_modules primeiro tentando carregá-lo como uma dependência.
## Instructions
Adicione a declaração de import apropriada que permitirá que o arquivo atual use a função capitalizeString . O arquivo onde esta função reside é chamado "string_functions" , e está no mesmo diretório que o arquivo atual.