jQuery - $(document).ready 函数中的函数

Question

像这样在 .ready() 内部创建函数是否正确

$(document).ready(function() {

：

$(document).ready(function() {
     function callMe() {

     }
 });

在 DOM 准备好并且在 ready() 内部发生事件之前，.ready() 内部的函数不必调用> 被触发。

只是为了澄清一点 - 这是说明问题的代码：

$(function() {
    var ind = 0;

    // some event is executed and changes the value of the ind

    // another event which affects the ind variable

    // and another one - after this event we call our function


    // there's another event - and we call our function again

我需要调用的函数需要 ind 变量的更新值 - 我想我可以将其作为参数传递，但是有更好的方法吗？

另外 - 另一件重要的事情是，所讨论的 function() 还可以更改 ind 变量的值 - 例如递增它 (ind++ ）。

Answer 1

<input type="button" value="Click Me!" onclick="Demo();" />


<script>

    $(document).ready(function () {

        Demo = function () {
            alert("Hello World");
        };
    });

</script>

Answer 2

是的，您可以这样做，这只是范围。

如果您只需要从 $(document).ready(function() { }) 中访问 callMe()，那么可以将函数放在那里，并提供某些架构的好处是因为您无法访问该上下文之外的函数。

如果您需要在文档就绪之外使用 callMe() 函数，则需要在该上下文之外定义 callMe() 函数。

function callMe() {
  // Do Something
}

$(document).ready(function() {
  callMe();
});

---

更新

根据您的澄清，您有两个选择：

1）在 ready() 外部声明变量，但然后在 ready() 内部定义变量：

var someVariable;
function callMe() {
  someVariable++;
  alert(someVariable);
}

$(document).ready(function() {
  someVariable = 3;
  callMe(); // Should display '4'
});

2) 在 内>ready()，使用 window.yourVariable = 'whatever'; 定义变量

Answer 3

这也会起作用。

$(document).ready(function() {
      callMe = function() {
            alert('hello');
      }
});

callMe();

如果您使用

 var callMe = function () { ... }

它可能不起作用，并且可能会收到错误“函数未定义”

Answer 4

您可以这样做：

$(document).ready(function(){

    var callMe = function(){
       //enter code here
    }

    $(".my-class").on("click", function(){
       callMe();
    });

});

因此，您不需要将函数放在准备好的文档之外，并且代码会变得分组且更有组织。 ;)

Answer 5

直接调用该函数可能是一个更好的主意，如下所示：

$(document).ready(myFunction);

function myFunction() {

   // Your code here

}

Answer 6

当您在 $(document).ready 中创建函数时，可以保证在文档加载之前不会调用该函数。当然，它只能从该事件处理程序本身（事件处理程序稍后的某个位置）调用。

换句话说，你想要做的事情是有效的（尽管不一定是可取的——你必须透露更多关于你想要完成的事情）。

Answer 7

这绝对是合法的。问题是你为什么要这么做？可能是将函数的范围绑定到ready的范围，而不是将其全局绑定到window对象。但这是你真正想要的吗？我建议看看 javascript 中的函数闭包以及它如何处理作用域。帮助澄清它的需要......

Answer 8

看看是否可以通过将标记移动到 html 文件的底部来消除使用 document.ready 的需要。这应该会让事情变得简单很多。否则，在 document.ready 范围之外声明该函数，然后在 document.ready 函数范围内调用它。

Answer 9

您可以像下面这样使用：

$(document).ready(function () {
    printReport = function(rowIndex) {
        // Your code here
    }
});

您可以从任何事件中调用此函数。