Un poco nuevo para JS. Me parece que algo como esto sería posible, pero después de pasar unas horas sin llegar a ninguna parte, me pregunto si realmente hay una manera de hacer que algo como esto funcione. Es solo una función que devuelve un objeto, pero los valores clave se establecen en la función en lugar de pasarse a ella:

 function makeProduct() { return { Id: '0', Name: document.getElementById('Name').value, Price: document.getElementById('Price').value, Category: document.getElementById('Category').value }; }

Parece que esto ahorraría una gran cantidad de código duplicado, en lugar de tener que obtener la entrada del usuario, asignarla a variables y luego completar el objeto con la sintaxis más adecuada:

 function product(id, name, price, category) ...

Pude lograr lo que estaba tratando de hacer con una clase, pero genera mucho más código. Si tenía un objeto grande, está escribiendo muchas de las mismas cosas varias veces.

Tengo un código que funciona con jquery, pero si intento ponerlo en una función que devuelve el objeto, también me da error.

El objetivo del código es llamar a la función, devolver el objeto y usar Axios para enviarlo a mi webAPI.

 async function makeGetRequest() { var product = makeProduct(); let res = await axios.post('http://localhost:56730/api/product/', product); let data = res.data; console.log(data); }

Y funciona como se esperaba con mi clase.

Además, debido a las palabras clave de esta pregunta, esto es algo realmente difícil de buscar y obtener respuestas relevantes.