Al refactorizar mi código de informe de error, moví una función a una nueva clase 'Registrador' y llamé al método estático como se ve a continuación:
$("#bugForm").submit((e) => { e.preventDefault() const input = document.getElementById('nameInput'); bugInfo = { "name": `[${ticket.id}] Bug report`, "story_type" : "Bug", "description": `+ ${urlHelper.zendeskTicketUrl}` + " \n" + `+ ${input.value}`, } Logger.logInfo(bugInfo).then(collapse.collapse('toggle')) }) });sin embargo, cuando ejecuto el método estático, recibo el siguiente error:
Uncaught (in promise) ReferenceError: metadata is not definedRegistrador.js
class Logger { constructor(settings) { this.settings = settings; } static async logInfo(data = {}) { console.log('Hello!') const url = 'exampleUrl' const response = fetch(url, { method: 'POST', headers: { "Token": `${metadata.settings.token}`, "Content-Type": "application/json" }, body: JSON.stringify(data) }); return response.json(); } }En un intento de arreglar esto, coloqué la siguiente línea en mi código:
const logger = new Logger(metadata.settings);Y recibió el siguiente error:
Uncaught (in promise) ReferenceError: Cannot access 'Logger' before initializationOriginalmente solo hice que la clase usara su método estático, ¿la necesidad de metadatos me impide hacer esto? ¿No estoy usando esto correctamente?
Entonces, el problema es la forma en que estás pasando los metadatos.
He cambiado la forma en que usas la configuración. Aquí hay un fragmento de trabajo
$("#bugForm").submit((e) => { e.preventDefault() const input = document.getElementById('nameInput'); // logic here const bugInfo = { info: "Hello" } // changed here as I removed static logger.logInfo(bugInfo).then(console.log('print')) }); class Logger { constructor(settings) { // getting the settings here and assigning it to the constructor variable this.settings = settings; console.log('hello', this.settings) } // removed static async logInfo(data = {}) { console.log('Hello!') const url = 'exampleUrl' console.log(data); console.log(this.settings) const response = fetch(url, { method: 'POST', headers: { // using it here while calling the method "Token": `${this.settings.token}`, "Content-Type": "application/json" }, body: JSON.stringify(data) }); return response.json(); } } const metadata = { settings: { token: 'hello' } } const logger = new Logger(metadata.settings); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="bugForm"> <button type="submit"> Submit </button> </form>