名称行间距JavaScript从本地模块导入

Question

我正在迁移过去不使用本机JS模块的代码。

// File: form.js
// `lc` is a global object I attach each file's functions to.
let lc = window.lc || {}
lc.form = {};
lc.form.add = function() {
   // add a form
}

然后将被称为lc.form.add（），这很好，因为单词add有上下文。

但是，现在我将代码更改为使用JS模块：

// File: form.mjs
export function add() {
   // add a form
}

然后将被称为add（），它没有上下文。现在我明白我可以做到：

import {add as formAdd} from '/form.mjs'

但这就像是一个倒退，开始蓝精灵命名所有进口的东西。

是否有一种方法可以像Python中那样导入模块，然后调用模块的函数。例如，使用点等符号访问其功能，类似如下：

import '/form.mjs' as form
form.add()

Answer 1

您正在寻找名称空间导入：

import * as form from '/form.mjs';
form.add();