Ist es möglich, Pfeilfunktionen in ES6 / 7 zu exportieren?

Die folgende Exportanweisung gibt einen Syntaxfehler aus

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

Warum ?

Ich kann nur benannte Funktionen exportieren

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

Was ist der Grund?

javascript ecmascript-6 arrow-functions jozzy
quelle

Was sagt der Fehler eigentlich?

Andy

Funktioniert hier gut: astexplorer.net/#/0fv5UXttsP .

Felix Kling

Lesen Sie hier: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

John

Was ist der Syntaxfehler?

Omarjmh

Sie können keinen Standardexport benennen.

Felix Kling

Antworten:

151

Ist es möglich, Pfeilfunktionen in ES6 / 7 zu exportieren?

Ja. exportkümmert sich nicht um den Wert, den Sie exportieren möchten.

Die folgende Exportanweisung gibt einen Syntaxfehler aus ... warum?

Sie können keine haben Standard - Export und geben Sie ihm einen Namen ( „default“ ist bereits der Name des Exports).

Entweder tun

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

oder

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

Felix Kling
quelle

Wie funktioniert das unten, dann exportieren Sie Standard Hallo = () => {console.log ("warum die Abwertung")}

jozzy

x = yist ein Zuweisungsausdruck, der in den Wert von aufgelöst wird y. Es ist keine Variablendeklaration. Sie können x = yüberall einen Ausdruck einfügen. Hinweis: Dies wird im strengen Modus ausgelöst, wenn dies xnicht zuvor definiert wurde.

Felix Kling

Was ist mit regelmäßigen Exporten? ist es möglich so etwas zu tun wie : export () => {/*body*/} as getUsers;? oder muss ich es erst definieren und dann exportieren?

Tomasz Mularczyk

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

Felix Kling

@Burrich: Es sollte keine Rolle spielen, wie eine Funktion erstellt wurde, solange sie so verwendet werden kann, wie sie sein soll.

Felix Kling

Wenn Sie keinen Standardexport wünschen, können Sie einfach eine benannte Funktion mit folgender Syntax exportieren:

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

Raphael Pinel
quelle

So ersetzen Sie export function yourFunctionName () {mit export const yourFunctionName = () => . Die Zeichenlänge ist gleich, aber es besteht eine hohe Wahrscheinlichkeit, dass in diesem Abschnitt ein Tippfehler gemacht wird = () =>. Ehrlich gesagt, für mich fühlt es sich weniger lesbar und mehr Arbeit an :)