javascript - ES6 导入/导出变量在导入后未定义

Question

我正在尝试使用 Javascript 导入/导出来导入一个简单的变量。

测试.html

<script src="js/launch/test1.js" type="module"></script>

test1.js

import myTestVar from "./test2.js";

console.log(myTestVar); // undefined

test2.js

export default myTestVar;
var myTestVar = "test!";

然而， in test1.js，myTestVar是未定义的。

Answer 1

您需要更改语句的顺序：

var myTestVar = "test!";
export default myTestVar;

Answer 2

您的代码相当于

export default undefined;
var myTestVar = "test!";

或者

var myTestVar;
export default myTestVar;
myTestVar = "test!";

如果你真的想导出变量，而不仅仅是它的当前值，你应该写

export { myTestVar as default }
var myTestVar = "test!";

Answer 3

你可以使 test2.js 像：

export var test = "hello world";
export var secondVar = "hello world 2";

并像这样导入

import { test, secondVar } from './test2.js'