时间戳

首页 > 解决方案 > 导入变量后的javascript在初始化之前无法访问

javascript - 导入变量后的javascript在初始化之前无法访问

问题描述

为什么我可以记录导入的变量，但是当我添加到另一个变量时它显示未定义。

索引.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module" src="index.js"></script>
</body>
</html>

index.js

import log from './log.js';
export var test = 'Hello';
log();

日志.js

import { test } from './index.js';
var x = test + '  Word'
export default function log() {
    console.log(test);
    console.log(x);
}

控制台日志

Hello
undefined  Word

标签： javascript

解决方案

在 log.js 中，您需要在函数中初始化 var "x"。这会奏效，我测试过。

import { test } from './index.js';
export default function log() {
  var x = test + '  Word'
  console.log(test);
  console.log(x);
}

推荐阅读