Qual é a diferença entre se utilizar a palavra reservada export
e export default
. Por exemplo:
export class Helper { }
export default class Helper { }
Ambos comandos são utilizados para criar módulos, e permitir que ao importar em outro arquivo, possa ser utilizado tudo que há naquele módulo.
A principal diferença é, como o próprio nome sugere (default
), o export default
é o membro (class, variável, const, etc) se expõe por padrão naquele módulo e, portanto, só pode haver um membro padrão sendo exportado por módulo.
Qual a vantagem disso? Diferente de um export explícito ou nomeado, o default não precisa ser referenciado com o mesmo nome ao ser importado.
Pegando o exemplo da pergunta:
export default class Helper { }
Isso poderia ser importado assim:
import abobrinha from 'nome-do-module';
var a = new abobrinha();
Isso é possível pois como é o default daquele módulo, pode-se importar com qualquer nome que sempre vai referenciar aquele membro.
Já o export nomeado, tem de ser importado exatamente com o mesmo nome, por permitir exportar vários membros dentro de um mesmo módulo, pois seria impossível saber qual membro desejamos usar.
Para ilustrar, imagine esse módulo exportado:
export class Helper { }
export class Logger { }
Ao importar, não poderia usar outro nome assim, pois não seria possível saber de qual membro estamos nos referindo:
import abobrinha from 'nome-do-module';
Obrigatoriamente deve-se seguir os nomes com os quais foram exportados:
import { Helper, Logger} from 'nome-do-module';
Mais detalhes aqui: mozilla/export
export default function () { algum código };
Commented
25/07/2019 às 19:21