javascript - (document).ready 是全局范围的？

Question

伙计们，我的 script.js 中有这个函数:

$(document).ready(function() {
    function alert() {
      alert('AAAAAAAA');
    }
});

我正在尝试在我的 index.html 中调用这里:

$('.something').on('click', function() {
  e.preventDefault();
  alert();
});

但显示我的这个错误 - 未定义警报。

但是当我在外部脚本中取下准备好的文档时，点击处理程序将起作用。这是为什么？

文档准备好创建一个单独的范围了吗？

Answer 1

使用$(document).ready()创建一个新的函数作用域(注意.ready之后的function())，所以当你打电话时

$(document).ready(function() {
    function alert() {
        alert('AAAAAAAA');
    }
});

alert 仅在 document.ready block 中定义。有两种方法可以解决这个问题:

1. 在 document.ready block 之外定义函数:

   function customAlert() {
       alert('AAAAAAAA');
   }
   

2. 将函数附加到 window 对象:

   $(document).ready(function() {
       window.customAlert = function() {
           alert('AAAAAAAA');
       };
   });