É possível exportar funções Arrow em ES6 / 7?

A instrução de exportação abaixo fornece um erro de sintaxe

export default const hello = () => console.log("say hello")

porque ?

Só consigo exportar funções nomeadas

export function hello() {
  console.log("hello")
}

Qual é a razão?

javascript ecmascript-6 arrow-functions

— jozzy
fonte

O que o erro realmente diz?

— Andy

Funciona bem aqui: astexplorer.net/#/0fv5UXttsP .

— Felix Kling

Leia aqui: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

— John

qual é o erro de sintaxe?

— omarjmh

Você não pode nomear uma exportação padrão.

— Felix Kling

Respostas:

156

É possível exportar funções Arrow em ES6 / 7?

Sim. exportnão se preocupa com o valor que você deseja exportar.

A instrução de exportação abaixo fornece um erro de sintaxe ... por quê?

Você não pode ter uma exportação padrão e dar um nome a ela ("padrão" já é o nome da exportação).

Tanto faz

export default () => console.log("say hello");

const hello = () => console.log("say hello");
export default hello;

— Felix Kling
fonte

Como funciona o seguinte, em seguida, exporte hello = () => {console.log ("why the downvote")}

— jozzy

x = yé uma expressão de atribuição que resulta no valor de y. Não é uma declaração de variável. Você pode colocar em x = yqualquer lugar que você possa colocar uma expressão. Nota: Isso irá lançar no modo estrito se xnão for definido de antemão.

— Felix Kling

e as exportações regulares? é possível fazer algo como export () => {/*body*/} as getUsers;:? ou tenho que primeiro defini-lo e depois exportá-lo?

— Tomasz Mularczyk

@Tomasz:export const getUser = () => {...};

— Felix Kling

@Burrich: Não deve importar como uma função foi criada, desde que ela possa ser usada da maneira que deve ser.

— Felix Kling,

Se você não quiser uma exportação padrão, pode simplesmente exportar uma função nomeada com esta sintaxe:

export const yourFunctionName = () => console.log("say hello");

— Raphael Pinel
fonte

Então você substitui export function yourFunctionName () {por export const yourFunctionName = () => . O comprimento dos caracteres é o mesmo, mas há uma grande chance de cometer um erro de digitação nesta seção = () =>. Honestamente, para mim parece menos legível e mais trabalhoso :)