为什么我在 Chrome 控制台中看不到我的对象反应？

Question

我想在我的 chrome 控制台中看到我的非反应组件类

 class Developer { constructor(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } getName() { return this.firstName + ' ' + this.lastName; } } let x = new Developer('Bob', 'Russ'); console.log(x.getName()) console.log(x)

我在我的 App.js 和 Index.js 以及一个新的 js 文件中使用了这段代码，我在 chrome 控制台中看到了我的代码（Bob Russ）的结果，但是当我写 x 或 Developer 时，我无法在控制台中看到我的对象层次结构

Answer 1

这是因为您的 react 变量是封装的，而不是全局范围的一部分。 如果您需要从 chrome 控制台访问一个对象，出于某种原因，您需要在“窗口”对象上引用它。

let x = new Developer('Bob', 'Russ');
window.x = x;

现在您应该可以从控制台访问 x。