javascript - 编写 "unit testable"jQuery 代码？

Question

直到现在，我习惯于在 ready() 函数中编写所有代码，例如:

$(document).ready(function() {
  // all my code
});

现在我看到使用这种方法时，我的代码不是“可单元测试的”，例如我无法从 QUnit 访问 ready() 中的内容。

构造与使用 ready() 函数兼容并能够被测试的 jQuery 代码的正确方法是什么？

有没有好的开源代码库或项目可以学习借鉴？

Answer 1

将您的代码放在就绪处理程序中，只调用就绪处理程序之外的函数:

$(document).ready(function() {
  // call some functions outside of handler
});

// most of my code

这样，您也可以调用这些函数进行单元测试。

---

注意，$(document).ready 有一个快捷方式:

$(function() {
  // call some functions outside of handler
});

// most of my code