添加jQuery ready函数后myFunc未定义的作用域问题求解

问题根源在于：把myFunc放到$(document).ready()的回调函数后，它变成了该回调的局部函数，而my.js里的ready回调是另一个独立的作用域，无法访问到这个局部函数。

在所有代码必须保留在ready处理器内、且无法单独移出函数的限制下，最小改动方案是将需要被外部调用的函数挂载到全局window对象上，让跨作用域的代码能访问到它：

修改后的HTML代码示例：

<html>
<head>
  ... html code ...
  <script src="/my.js"></script>
</head>
<body>
  ... html code ...
  <script>
  $( document ).ready(function() {
    ...
    // 将函数挂载到全局window对象，替代原局部函数定义
    window.myFunc = function() {
      ... // 原函数逻辑完全保留
    };
    // 其他仅内部互相调用的函数，保持原局部定义即可
    ...
  });
  </script>
</body>
</html>

方案说明 #

• window是浏览器的全局作用域对象，任何作用域都能访问到它的属性，my.js里的myFunc()调用会自动找到window.myFunc。
• 仅需要修改被外部调用的函数，内部互相调用的函数无需调整，完全保留原有逻辑，改动量最小。
• 所有代码依然在ready处理器内，符合限制条件。

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