javascript - DOM 节点和 javascript 命名空间之间有什么关系？

Question

在此示例中，为什么变量 foo 没有引发 ReferenceError？没有变量声明，但在 DOM 渲染后它显然在范围内。 DOM 节点 id 和 javascript 命名空间之间有什么关系？我正在使用 jest 运行它。

import React from 'react';
import { render } from '@testing-library/react'

test('renders a div', () => {
  const { utils } = render(<div id="foo"/>)
  expect(foo).toBe(true)
})

Jest 报告:

Expected: true
Received: <div id="foo" />

我真的希望测试会崩溃，因为在我的真实示例中，我不小心将一个 undefined variable 传递给 expect()，它恰好共享渲染的 DOM 节点 id 的名称。

Answer 1

具有 id 的元素成为全局变量

不是同一个问题，但您问题的答案是另一个 SO 问题:

—Do DOM tree elements with ids become global variables?