ejemplos - javascript html

No hay dos puntos después del nombre de la propiedad en la declaración del objeto, ¿es válido?

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo funciona esta definición de método de objeto sin la palabra clave "función"? 2 respuestas

Ingresé esta expresión en Firefox y Chrome Dev Console y me pregunto por qué es un JavaScript válido:

var x = { a (b) {} };
console.log(x);

Luego, x se establece en un objeto con la propiedad "a" que contiene una función llamada "a" con un identificador de argumento "b". ¿Cómo es esta sintaxis válida de JavaScript? Los dos puntos faltan después de "a" y no entiendo la definición de la función.

Answer 1

En JavaScript, cuando escribes:

var x = { a (b) {} };

Lo considerará como:

var x = { 
    a: function (b) {

     }
   }

Por ejemplo, puedes verificar esto y resolverá tus dudas:

var x = { a (b) { console.info(''function called'') } };
x.a(); 

Esto llamará a la función que está asignada a la propiedad a del objeto x .

Answer 2

Esto es azúcar sintáctica ES6 / ES2015 ( taquigrafía de la propiedad ). Con ES6:

const obj = {
    a(b) { 
        // Shorthand method
        // `this` context is `obj`
    },
    c
};

es igual a

var obj = {
    a: function a(b) {

    },
    c: c
};