Tengo un archivo JSON local con la siguiente estructura:
{ "project_id": 324, "project_name": "Project", "contributors": [ { "name": "James", "dpto": "dpto1" }, { "name": "Carl", "dpto": "dpto2" }] }y un proyecto de clase, que no estoy seguro debería ser así:
class project { constructor(id, name, contributors){ this.id = id; this.name = name; this.contributors = contributors;Ahora, puedo trabajar con los datos después de usar fetch, pero no sé cómo usarlos fuera de la respuesta.
Quiero buscar el archivo JSON y ponerlo en una clase que pueda usar fuera de la respuesta. Algo como:
.fetch('project.json') .then(function (response) { return response.json(); }) .then(function (data) { // Class Project = data; }) .catch(function (err) { console.log('error: ' + err); }); //The data now can be used directly through the class. Project.CallFunction();Necesito hacer bastantes manipulaciones con estos datos, y no estoy muy versado en JavaScript, así que quería llevarlo a un territorio más familiar y tener algo más tangible lo haría más fácil de usar.
Podría tener un constructor que tome el JSON o un método estático que devuelva una instancia de la clase de los datos.
Tomando tu ejemplo, eso significaría:
const project = await fetch('project.json') .then(function (response) { return response.json(); }) .then(function (data) { return new Project(data); }) .catch(function (err) { console.log('error: ' + err); }); project sería entonces una instancia de la clase Project y contendría los datos.