javascript-objects 相关问题

我正在使用带有一堆静态成员的“类”来保持我非常专业的代码有条理。就像这样：索引.html 我正在使用带有一堆静态成员的“类”，以保持我非常专业的代码有一定的组织性。像这样： index.html <pre><code><script type="module" src="client/js/main.js"></script> </code></pre> main.js <pre><code>import { UINav, UIDimension } from "./interface.js"; import { Dimension } from "./dimension.js"; import { InputFlex } from "./input.js"; function main() { Dimension.init(); UIDimension.init(); UINav.init(); InputFlex.start(); } </code></pre> 我的问题：例如，当我想从浏览器控制台内部检查内容时，为什么我会得到<pre><code>Uncaught ReferenceError: InputFlex is not defined</code></pre>，但导入中的所有方法都按预期执行？如何从浏览器中找到我心爱的“类”？ 我也在使用 TypeScript，但我怀疑这很重要吗？ 编辑：文件是从本地主机服务器获取的。 编辑：我的环境中似乎存在一个普遍问题，我什至无法从浏览器控制台内部找到 main() 函数。 我正在运行 deno 服务器。这可能是我有趣问题的根源吗？ 我可以从 js 文件内部记录内容，但不能从浏览器控制台记录内容，在浏览器控制台中我被告知一切都未定义，但显然这些实体存在于某处，因为一切都按预期工作。 编辑：@iamimran input.js 实际上就是这样： <pre><code>export class InputFlex { static myMember123 = {...}; static start() {...} (...) } </code></pre> </question> <answer tick="true" vote="1"> 您的 <pre><code>import</code></pre> 显示您正在使用 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules" rel="nofollow noreferrer">ECMAScript 模块</a>。 使用模块的主要动机之一是不污染全局名称空间，这意味着模块中定义的任何变量都是该模块私有的，而不是全局的。这称为封装。 如果您希望模块中的任何内容成为全局变量，则明确需要将其“发布”到全局对象上： <pre><code>import { UINav, UIDimension } from "./interface.js"; import { Dimension } from "./dimension.js"; import { InputFlex } from "./input.js"; // to "publish": Object.assign(globalThis, { UINav, UIDimension, Dimension, InputFlex }); // ... </code></pre> 请记住，这有潜在的危险，因为上面对 <pre><code>Object.assign</code></pre> 的调用将有效地覆盖任何可能已经存在的全局变量（这是您想要尽可能少地使用全局名称空间的众多原因之一，最好是 根本不使用） ）。 如果您的唯一目的是在控制台中“测试”内容，暂时可以（！）。如果您这样做是出于调试目的，最好直接使用浏览器的开发人员工具的调试器。 </answer> <answer tick="false" vote="0"> 模块有自己的范围。在它们内部声明的变量不是全局的。 这是一件好事：全局变量会导致冲突，并使维护和调试变得更加困难。 如果您想从开发人员工具控制台访问它们，那么您需要将控制台移至模块的范围内，例如通过在那里设置断点。 </answer> </body></html>

javascript javascript-objects

回答 0 投票 0

Javascript 无法映射具有重复值的对象

我需要使用给定对象通过 id 设置特定元素的样式。 projectSkillsMap 对象中的键和值对应于 html 文件中的 ids。当用户单击对象键中列出的 id 有趣的元素时...

javascript html arrays javascript-objects

回答 1 投票 0

Javascript 无法映射具有重复值的对象

我需要使用给定对象通过 id 设置特定元素的样式。 const 项目技能地图 = { '项目1'：['技能_2'，'技能4'，'技能5']， '项目2'：['技能1'，'技能_2'，'技能4'，'技能5'，'技能6...

javascript html arrays javascript-objects

回答 1 投票 0

为什么 Array.prototype 方法可以用于非数组对象？

最近，我读到一篇文章，有以下几行 var obj = {}; Array.prototype.push.call(obj, 'aaa', 'bbb', 'ccc'); 控制台.log(obj); {0：“aaa”，1：“bbb”，2：“ccc”，长度：3} 我知道...