Estoy aprendiendo JavaScript, y leyendo un artículo de la FreeCodeCamp (este) me encontré con estas dos "funciones":
let id = (id) => document.getElementById(id);
let classes = (classes) => document.getElementsByClassName(classes);
las cuales pueden ser usadas así:
let username = id("username")
let errorMsg = classes("error")
Jamás había visto una sintaxis como esta, y aunque puedo imaginar un poco su funcionamiento, no le veo lógica.
No entiendo por qué se declara id
como una variable constante (usando let
), pues creo que esto es una función y no una variable.
Además, supongo que (id) => document.getElementById(id);
es una función de tipo flecha, y que ese id
entre paréntesis es un argumento. Pero creí que las funciones flecha se ponían entre llaves, adjunto el código de cómo lo haría yo:
let id = (id) => {
document.getElementById(id);
}
Ojalá puedan ayudarme a entender esta sintaxis, me parece realmente útil pero no consigo entender cómo va. ¡Gracias!
let
,const
etc. Las llaves se pueden omitir en las funciones flecha, en dicho caso queda implicito elreturn
.=> document.getElementById(id);
sería equivalente a=> { return document.getElementById(id); }