Question

我在文件中有一个（ES6 风格）Javascript 类。我使用脚本标记将其导入 HTML（我什至使用了 type="module" 属性）。（首先我使用了一个 main.js 文件并在那里导入了带有类的文件）

export default class Gameboard {

    constructor(elementId) {
        this.gameboardElement = document.getElementById(elementId);
    }

    ... some methods
}

该对象还有一些我想在浏览器控制台（Chrome 或 Firefox）中测试的其他方法。但是当我尝试在控制台中实例化它时，我收到一个错误：

let gb = new Gameboard();
Uncaught ReferenceError: GameBoard is not defined

我尝试先使用 import 语句导入它，但它在控制台中不起作用。我收到一个错误：

Uncaught SyntaxError: Cannot use import statement outside a module

这甚至可能是我想要做的吗？

Answer 1

我相信我已经找到了问题的答案。

在控制台中无法直接访问变量和对象，除非您在源选项卡中进入调试模式。您必须在 Javascript 代码中设置断点。运行代码后，执行在断点处停止，您可以使用控制台中所有实例化到该点的变量。

来源：Get Started with Debugging JavaScript in Chrome DevTools

如何在 Chrome 控制台中访问 Javascript 对象

1 个答案: