-3

Preciso de uma ajuda simples com módulos javascript, estou estudando e tenho muitas dúvidas.

No meu exemplo, carrego o Fetch.js, que é um arquivo exclusivo que eu uso para fazer solicitações, GET, PUT, POST e DELETE, e tudo está indo bem até agora.

Portanto, tenho um arquivo AppController.js, onde obtenho alguns dados do aplicativo, como o nome do aplicativo, por exemplo.

AppController.js

import Fetch from './Fetch.js';

// GET
async function getApplication() {
    return await Fetch.get('/application');
}

export default getApplication;

Então, eu tenho outro arquivo Index.js, onde importo AppController.js

Index.js

import InfoApplication from './AppController.js';

let ObjectApplication = {};

const initApplication = () => {
    InfoApplication();
}

initApplication();

Fetch.js

// Fetch.js
const _apiHost = 'http://banco_de_dados';

async function request(url, params, method = 'GET') {

  const options = {
    method,
    headers: {
      'Content-Type': 'application/json'
    }
  };

  if (params) {   
    if (method === 'GET') {
      url += '?' + objectToQueryString(params);
    } else {        
      options.body = JSON.stringify(params);      
    }
  }

  const response = await fetch(_apiHost + url, options);

  if (response.status !== 200) {
    return generateErrorResponse('The server responded with an unexpected status.');
  }

  const result = await response.json();

  return result;

}

function objectToQueryString(obj) {
  return Object.keys(obj).map(key => key + '=' + obj[key]).join('&'); 
}

function generateErrorResponse(message) {
  return {
    status : 'error',
    message
  };
}

function get(url, params) {   
  return request(url, params);
}

function create(url, params) {    
  return request(url, params, 'POST');
}

 function update(url, params) {
  return request(url, params, 'PUT');
}

function remove(url, params) {   
  return request(url, params, 'DELETE');
}

export default {
  get,
  create,
  update,
  remove
};

E aqui começa minha dúvida:

Pergunta:

Quero armazenar o retorno da solicitação em um objeto global, para que eu possa acessar as propriedades desse objeto em qualquer lugar, é possível?

Por exemplo:

ObjectApplication.name

20
  • se está usando somente nodejs ou algum framework js?
    – novic
    11/02/2020 às 21:31
  • Não achei o IIFE citado pergunta. Não estaria tentando fazer algo assim (function () {InfoApplication()})(), mesmo que signifique o mesmo de somente InfoApplication() 11/02/2020 às 21:31
  • 1
    ta errado isso aqui: getApplication() por causa da parte interna e falta tanta coisa que a sua pergunta é ruim, não tem fundamento, não tem como responder e não disse para que veio ...
    – novic
    11/02/2020 às 21:33
  • 1
    Sim é possível. 11/02/2020 às 21:42
  • 1
    E qual a dificuldade que você encontrou para armazenar o retorno da solicitação em uma variável global?
    – user142154
    11/02/2020 às 21:50

1 Resposta 1

2
let ObjectApplication = {};

Escolha uma opção

window.ObjectApplication = null;
globalThis.ObjectApplication = null;
this.ObjectApplication = null;
(0, eval)('this').ObjectApplication = null;

Então

InfoApplication().then(app => ObjectApplication = app);
2
  • Não está certo, eu quero atribuir o retorno da requisição a este objeto, e não definir um objeto vazio. 11/02/2020 às 22:06
  • @WagnerFillio, window.ObjectApplication = InfoApplication()?
    – Qwertiy
    11/02/2020 às 22:08

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .