Module Help - Native Javascript (ES6)

Question

I need a simple help with javascript modules, I am studying and I have many questions.

In my example, I charge Fetch.js, which is a unique file that I use to make requests, GET, PUT, POST e DELETE, and everything is going well so far.

So I have a file AppController.js, where I get some data from the application, such as the name of the application, for example.

Appcontroller.js

import Fetch from './Fetch.js';

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

export default getApplication;

So I have another file Index.js, where do I matter 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
};

And here begins my doubt:

Question:

I want to store the request return on a global object, so I can access the properties of that object anywhere, it’s possible?

For example:

ObjectApplication.name

Answer 1

let ObjectApplication = {};

Choose an option

window.ObjectApplication = null;

globalThis.ObjectApplication = null;

this.ObjectApplication = null;

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

So

InfoApplication().then(app => ObjectApplication = app);