（文件）.ready是全球范围的吗？

Guys i have this function inside my script.js:

伙计们我在script.js中有这个功能：

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

And i am trying to call here in my index.html:

我试图在我的index.html中调用：

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

But is showing my this error - alert is not defined.

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

But when i take off the document ready in the external script, the click handler will work. Why is that?

但是当我在外部脚本中取消文档时，单击处理程序将起作用。这是为什么？

The document ready is creating a separate scope?

准备好的文件正在创建一个单独的范围？

3 个解决方案

Using $(document).ready() creates a new function scope (note the function() after the .ready), so when you call

使用$（document）.ready（）创建一个新的函数作用域（注意.ready之后的function（）），所以当你调用

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

alert is only defined within the document.ready block. There are two ways to solve this issue:

alert仅在document.ready块中定义。有两种方法可以解决此问题：

Attach the function to the window object:

将函数附加到window对象：

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