javascript - 我如何执行这些 javascript 模块模式？

Question

我学会了使用 IIFE 构建模块。简单示例:

export test_module = (function{
    var name = "henry";
    var age = 26;
    var height ="6 monthe";

    var getHeight = function()
    {
        return height;
    }

    return{
        getHeight : getHeight
    }
}());

在我的另一个文件中

import {test_module} from './test_module'

我想学习使用 ECMAScript 6 模块导出和导入来导入和导出 IIFE 模块。我安装了转译器 Babel。但是当我导出我的模块并尝试将其导入另一个文件时，我收到一条错误消息:

 (function (exports, require, module, __filename, __dirname) { import {text_module} from './test_module'
                                                                 ^^^^^^
SyntaxError: Unexpected token import
    at createScript (vm.js:56:10)
    at Object.runInThisContext (vm.js:97:10)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.runMain (module.js:604:10)
    at run (bootstrap_node.js:393:7)
    at startup (bootstrap_node.js:150:9)

我的问题是什么？我的语法有误吗？

Answer 1

正如 Babel 报告的那样，您有一个语法错误。而不是

export test_module =

你必须说

export const test_module =

无论如何，ES6 模块使旧的 IIFE 风格的“模块”过时了(几乎)。随便写

// my-module.js

export function getHeight() {
    var name = "henry";
    var age = 26;
    var height = "6 monthe";

    return height;
}

或者，如果你愿意

function getHeight() {
    var name = "henry";
    var age = 26;
    var height = "6 monthe";

    return height;
}

export { getHeight };

然后，当你想使用它的时候:

import { getHeight } from './my-module';

getHeight();

或

import * as myModule from './my-module';

myModule.getHeight();

至于你对类(class)的提示，我不明白这与你的问题有什么关系。如果你不喜欢 ES6 中的类，那么就不要使用它们。类与 ES6 模块无关，除了一个显而易见的事实，即像任何其他值类一样可以导出和导入。