在 $('document').ready 中调用函数

Question

我在 $('document').ready 中定义了一个函数。

$('document').ready(function() {
  function visit(url) {
    $.ajax({
      url: url,
      container: '#maincontainer',
      success: function(data) {
        init();
      }
    });
  }

  function init() {
    ...
  }
)};

但是当我在 Chrome 控制台中调用 init() 时，我得到：ReferenceError: init is not Defined。

更新：感谢大家的帮助。我做了window.init = init;并且它工作得很好。

Answer 1

您的 init 函数包含在您传递给 jQuery.ready 的函数范围内。这是一件好事，它意味着您没有创建不必要的全局。

如果需要将函数导出到全局范围，可以通过显式分配给 window 上的属性来实现，例如：

window.init = init;

由于 window 是 浏览器上的全局对象，这将允许您从 Chrome 的控制台调用它，而无需窗口。 前缀。但只有在绝对必要时才这样做，全球范围已经足够拥挤了。

Answer 2

函数声明（例如 function init() {}）仅限于它们定义的范围。如果您想在其他地方使用 init，请执行以下操作：

var init;
$('document').ready(function() {
    init = function() {};
});

Answer 3

我认为您想将函数定义放在就绪函数之外，即使函数引用了文档，文档也没有必要准备好定义函数。请记住，函数内部的引用只有在函数实际执行时才会执行，函数定义就像定义文本常量一样。请改用以下内容：

function visit(url) {
    $.pjax({
        url: url,
        container: '#maincontainer',
        success: function(data) {
        init();
        }
    });
}

function init() {
    ...
}

$(function () {
    init();
});

Answer 4

尝试这样的事情：

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

  var objScope = this;

  function visit(url) {
    $.pjax({
      url: url,
      container: '#maincontainer',
      success: function(data) {
        objScope.init();
      }
    });
  }

  function init() {
    ...
  }
)};

Answer 5

函数仅在您定义它们的范围内定义。

如果您坚持使用此方法，请改用 init = funciton() 语法。这将创建一个可以在任何地方引用的全局变量（因为您不会在那里放置 var）。

也就是说，定义函数可以随时完成，将它们放在 .ready() 中绝对没有意义。