为什么在这种情况下无法访问全局scope？

Question

我最近遇到了这个问题。 我可以通过这个问题，但我没有得到它背后的概念。 如果您尝试该片段，您会看到发生了什么。 有人可以解释一下吗？

 function func1() { console.log('Func1 executed.'); }; const func2 = () => { console.log('Func2 executed.'); }; const test = () => { window['func1'](); //Working window['func2'](); //Not working };

 button { width: 200px; padding: 20px; font-size: large; cursor: pointer; border: 0; background: linear-gradient(to top right, gray, silver); color: white; border-radius: 7px; box-shadow: 0px 5px 7px silver; text-shadow: 0px 2px 2px rgba(0,0,0,0.5); }

 <button onclick='test()'>Execute</button>

Answer 1

我对JS的经验不太经验，但我相信是因为第一个实际上是function可以重复使用多个时间，第二个是Z945F3FC449518A73B9B9B9F5F5F5F32868DB4666666666666666666666666666666666666666666666666666666666C.ZC11C4211C421215ABER TOBEN func2 变量。

如我错了请纠正我。

Answer 2

直截了当的答案是：

用let和const实例化的全局变量不会成为window的属性。

Answer 3

问题是您实际上是在调用一个值/变量（例如， const func2 =可以以 int 结尾。）您需要将 function 本身传递给格式window[Functioname]() 。

您可以通过 2nd degree function 调用来做到这一点，见下文。

顺便说一句，按钮不错。

 function func1() { console.log('Func1 executed.'); }; const func2 = () => { console.log('Func2 executed.'); }; function func3(){ func2(); } const test = () => { window['func1'](); //Working window['func3'](); //Working window['func2'](); //Not working };

 button { width: 200px; padding: 20px; font-size: large; cursor: pointer; border: 0; background: linear-gradient(to top right, gray, silver); color: white; border-radius: 7px; box-shadow: 0px 5px 7px silver; text-shadow: 0px 2px 2px rgba(0,0,0,0.5); }

 <button onclick='test()'>Execute</button>