是否有可能使用文档或 window object （或任何方式）访问阴影全局变量？

Question

是否有任何可能的方法/方式来访问被参数或局部变量遮蔽的 function 中的全局声明变量？

var x = 10; //globally declared variable

(function abc(x){     // shadowing of x using parameter with same name
   console.log(x);    // prints 11  - Can I access globally declared x inside this function?
})(11)

Answer 1

也许。

在浏览器中，非模块上下文中，用var声明的顶级变量被分配为window object 的属性。 因此，您可以使用window.x访问它。

最佳做法是避免阴影。 我喜欢使用 ESLint 的无阴影规则来捕捉意外阴影。

Answer 2

您可以使用globalThis （在 ES2020 中添加）

globalThis.x = 10;

(function abc(globalThis){     // shadowing of x using parameter with same name
   console.log(x);    // prints 10
})(11)