如何访问全局window对象中定义的箭头函数？

问题原因 #

在全局作用域下：

• 用function声明的普通函数会自动成为window对象的属性，这是JavaScript早期的语言特性，所以你能直接通过window['myRegularFunction']()调用。
• 但用const/let声明的变量（包括箭头函数）属于全局作用域的块级绑定，不会自动挂载到window对象上，因此window['myArrowFunction']会返回undefined。

解决方案 #

方案1：直接将箭头函数赋值给window属性

声明箭头函数时，直接挂载到window对象上：

window.myArrowFunction = () => {
  console.log("hello from the arrow function");
};
// 或者使用方括号形式
window['myArrowFunction'] = () => {
  console.log("hello from the arrow function");
};

之后就能正常通过window['myArrowFunction']()调用。

方案2：保留const声明，手动挂载到window

如果需要保留const声明的变量，可在声明后手动将其赋值给window：

const myArrowFunction = () => {
  console.log("hello from the arrow function");
};
// 手动挂载到window
window.myArrowFunction = myArrowFunction;

注意事项 #

• 全局变量容易引发命名冲突，大型项目建议使用ES Modules等模块化方案替代全局挂载。
• 严格模式下，var声明的全局变量仍会挂载到window，但const/let依然不会，上述方案不受模式影响。

内容的提问来源于stack exchange，提问作者B2391