如何在当前模块中使用导入模块的功能?

How to use the functions of the imported module in current module?

我有一个名为 test1.js 的模块,默认导出为 test1。

//test1.js

function fun1(){
    console.log("this is test function 1");
}

function fun2(){
    console.log("this is test function 2");
}

export default 'test1';

然后还有另一个名为 mod1.js 的文件将 test1.js 导入为 follwing-

import test1 from './test1.js';
test1.fun1();

我尝试使用“.”访问 test1.js 模块的功能这是不正确的。我不知道如何访问这种功能,是否可能?

您的导出语法错误。可以使用大括号{}导出:

function fun1(){
    console.log("this is test function 1");
}

function fun2(){
    console.log("this is test function 2");
}

export {fun1, fun2};

同样可以导入,但是需要在文件名上加上:

import {fun1, fun2} from 'test1.js';
fun1();
fun2();

供参考:https://javascript.info/import-export

导出不正确。您需要导出函数如下:

    //test1.js

    function fun1(){
        console.log("this is test function 1");
    }
    
    function fun2(){
        console.log("this is test function 2");
    }

    export default { fun1, fun2 }

由于它是默认导出,您可以在 mod1.js

中以任何名称导入它
import test1 from './test1.js';
test1.fun1();