How to call an outer scope function from within a JS module class

Question

Why does this throw the error and what is the correct way of calling an outer (global scope) function from within a module class?

//models.js
export default class Model {
    log() {
        gLog();     //Uncaught ReferenceError: gLog is not defined
    }
}

//main.js
import Model from './models.js';
let m = new Model();
m.log();

function gLog() {
    console.log(1);
}

Answer 1

A module does not have access to the objects declared in another module unless that module exports these objects. You should either include gLog in your models module (the easier way) or export it in your main.js then import main.js in models .