Segundo a documentação na Mozilla
, enviar
apesar de ser à forma contraída de enviar: function()
, a forma contraída é uma função nomeada, enquanto que a segunda é uma função anonima.
Note : The shorthand syntax uses named function instead of anonymous
functions (as in …foo: function() {}…
). Named functions can be called
from the function body (this is impossible for anonymous function as
there is no identifier to refer to). For more details, see function.
Fonte: Method definitions
Porem se você executar o código abaixo, verá que a forma contraída se comporta como uma função anonima, pelo menos é este comportamento que estou tendo ao executar no Opera.
var teste = {
nomeada: function nomeada(imprimir) {
return !imprimir ? nomeada(true) : console.log("nomeada");
},
curta(imprimir) {
return !imprimir ? curta(true) : console.log("curta");
},
anomina: function(imprimir) {
return !imprimir ? anomina(true) : console.log("anomina");
}
}
try {
teste.nomeada();
} catch (e) {
console.error(e.message);
}
try {
teste.curta();
} catch (e) {
console.error(e.message);
}
try {
teste.anomina();
} catch (e) {
console.error(e.message);
}
Um outro ponto curioso, é que na documentação na Mozilla fala que a forma contraída não pode ser utilizada como.
Method definitions are not constructable
All method definitions are not constructors and will throw a TypeError
if you try to instantiate them.
Fonte: Method definitions
Mas ao executar o código abaixo, obtive um comportamento diferente do apontado. Pelo menos foi o que aconteceu ao executar no Opera.
var teste = {
nomeada: function nomeada() {
this.nome = "nomeada";
},
curta() {
this.nome = "curta";
},
anomina: function() {
this.nome = "anomina";
}
}
try {
console.log(new teste.nomeada);
} catch (e) {
console.error(e.message);
}
try {
console.log(new teste.curta);
} catch (e) {
console.error(e.message);
}
try {
console.log(new teste.anomina);
} catch (e) {
console.error(e.message);
}
Um outro ponto, é quanto a compatibilidade com os browsers, funções curtas podem ser utilizadas apenas em browsers mais recentes/atualizados. Porém, como está a utilizar o VueJS, deve está utilizando o vue-cli
, o gulp-babel
ou qual quer solução que transpile o seu javaScript ES5
para algo compatível com browser antigos, então isto não chega a ser um problema.
Vue
a mais de um ano, e nunca me fiz essa pergunta, sempre usoenviar()
, mas se eu nao me engano, você usarenviar: function(){}
tem alguns problemas com othis
.Arrow Functions
, pois, se fizer um teste, e tentar usar o this, vai dar um erro, voce terá que usarlet self = this
, diferente se usar so com()