Como escrevo uma função de seta nomeada no ES2015?

Eu tenho uma função que estou tentando converter para a nova sintaxe de seta em ES6 . É uma função nomeada:

function sayHello(name) {
    console.log(name + ' says hello');
}

Existe uma maneira de dar um nome a ele sem uma instrução var:

var sayHello = (name) => {
    console.log(name + ' says hello');
}

Obviamente, só posso usar essa função depois de defini-la. Algo como o seguinte:

sayHello = (name) => {
        console.log(name + ' says hello');
    }

Existe uma nova maneira de fazer isso no ES6 ?

Como escrevo uma função de seta nomeada no ES2015?

Você faz isso da maneira que descartou em sua pergunta: você o coloca no lado direito de uma atribuição ou inicializador de propriedades em que a variável ou o nome da propriedade pode ser razoavelmente usado como um nome pelo mecanismo JavaScript. Não há outra maneira de fazer isso, mas fazer isso é correto e totalmente coberto pela especificação.

Por especificação, essa função tem um nome verdadeiro sayHello:

var sayHello = name => {
    console.log(name + ' says hello');
};

Isso é definido em Operadores de Designação> Semântica de Tempo de Execução: Avaliação, onde chama a SetFunctionNameoperação abstrata (essa chamada está atualmente na etapa 1.e.iii).

Da mesma forma, o Runtime Semantics: PropertyDefinitionEvaluation chama SetFunctionNamee, portanto, atribui a essa função um nome verdadeiro:

let o = {
    sayHello: name => {
        console.log(`${name} says hello`);
    }
};

Os mecanismos modernos definem o nome interno da função para declarações como essa; O Edge ainda tem o bit disponível, como namena instância da função atrás de um sinalizador de tempo de execução.

Por exemplo, no Chrome ou Firefox, abra o console da Web e execute este trecho:

"use strict";
let foo = () => { throw new Error(); };
console.log("foo.name is: " + foo.name);
try {
  foo();
} catch (e) {
  console.log(e.stack);
}

No Chrome 51 e acima e Firefox 53 e acima (e Edge 13 e acima com um sinalizador experimental), quando você o executa, você verá:

foo.name é: foo
Erro
    no foo (http://stacksnippets.net/js:14:23)
    em http://stacksnippets.net/js:17:3

Observe o foo.name is: fooe Error...at foo.

No Chrome 50 e versões anteriores, Firefox 52 e versões anteriores e Edge sem o sinalizador experimental, você verá isso porque elas ainda não têm a Function#namepropriedade:

foo.name é: 
Erro
    no foo (http://stacksnippets.net/js:14:23)
    em http://stacksnippets.net/js:17:3

Observe que o nome está ausente foo.name is:, mas é mostrado no rastreamento da pilha. É que, na verdade, implementar a name propriedade na função era de menor prioridade do que alguns outros recursos do ES2015; Chrome e Firefox têm agora; O Edge está atrás de uma bandeira, presumivelmente não ficará muito tempo atrás da bandeira.

Obviamente, só posso usar esta função depois de defini-la

Corrigir. Não há sintaxe de declaração de função para funções de seta, apenas sintaxe de expressão de função e não há seta equivalente ao nome em uma expressão de função denominada no estilo antigo ( var f = function foo() { };). Portanto, não há equivalente a:

console.log(function fact(n) {
    if (n < 0) {
        throw new Error("Not defined for negative numbers");
    }
    return n == 0 ? 1 : n * fact(n - 1);
}(5)); // 120

Você precisa dividi-lo em duas expressões (eu diria que você deveria fazer isso de qualquer maneira ) :

let fact = n => {
    if (n < 0) {
      throw new Error("Not defined for negative numbers.");
    }
    return n == 0 ? 1 : n * fact(n - 1);
};
console.log(fact(5));

Obviamente, se você precisar colocar isso onde uma única expressão é necessária, sempre poderá usar ... uma função de seta:

console.log((() => {
    let fact = n => {
        if (n < 0) {
            throw new Error("Not defined for negative numbers.");
        }
        return n == 0 ? 1 : n * fact(n - 1);
    };
    return fact(5);
})()); // 120

Não estou dizendo que isso seja bonito, mas funciona se você absolutamente, positivamente, precisar de um invólucro de expressão única.

Não. A sintaxe da seta é um atalho para funções anônimas. Funções anônimas são, bem, anônimas.

As funções nomeadas são definidas com a functionpalavra - chave.

Se por 'nomeado', você quer dizer que deseja que a .namepropriedade da sua função de seta seja definida, você está com sorte.

Se uma função de seta estiver definida no lado direito de uma expressão de atribuição, o mecanismo pegará o nome no lado esquerdo e o utilizará para definir as funções da seta .name, por exemplo

var sayHello = (name) => {
    console.log(name + ' says hello');
}

sayHello.name //=== 'sayHello'

Dito isto, sua pergunta parece ser mais 'posso obter uma função de seta para içar?'. A resposta para isso é um grande e velho "não", receio.

Parece que isso será possível com o ES7: https://babeljs.io/blog/2015/06/07/react-on-es6-plus#arrow-functions

O exemplo dado é:

class PostInfo extends React.Component {
  handleOptionsButtonClick = (e) => {
    this.setState({showOptionsModal: true});
  }
}

O corpo das funções de seta do ES6 compartilham o mesmo léxico que o código que as envolve, o que obtém o resultado desejado devido à maneira como os inicializadores de propriedades do ES7 têm escopo definido.

Observe que, para que isso funcione com babel, eu precisava habilitar a sintaxe mais experimental do estágio 0 do ES7. No meu arquivo webpack.config.js, atualizei o babel loader da seguinte maneira:

{test: /\.js$/, exclude: /node_modules/, loader: 'babel?stage=0'},

Na verdade, parece que uma maneira de nomear funções de seta (pelo menos a partir do chrome 77 ...) é fazer isso:

"use strict";
let fn_names = {};
fn_names.foo = () => { throw new Error(); };
console.log("foo.name is: " + foo.name);
try {
  foo();
} catch (e) {
  console.log(e.stack);
}

para escrever a função de seta nomeada, você pode usar o exemplo abaixo, onde eu tenho uma classe chamada LoginClass e, dentro dessa classe, escrevi uma seta chamada função , denominada successAuth classe LoginClass {

    constructor() {

    }

    successAuth = (dataArgs)=> { //named arow function

    }

}

ESTE É ES6

Sim, acho que o que você procura é algo assim:

const foo = (depth) => {console.log("hi i'm Adele")}
foo -> // the function itself
foo() -> // "hi i'm Adele"

Você pode pular a parte da função e a parte da seta para criar funções. Exemplo:

 class YourClassNameHere{

   constructor(age) {
     this.age = age;
   }

   foo() {
     return "This is a function with name Foo";
   }

   bar() {
     return "This is a function with name bar";
   }

 }

let myVar = new YourClassNameHere(50);
myVar.foo();