编写“单元可测试”的jQuery代码？
编写“单元可测试”的jQuery代码？
提问于 2011-08-16 22:38:18
到目前为止，我习惯于在ready()函数中编写所有代码，如下所示：
$(document).ready(function() {
// all my code
});现在我看到，使用这种方法，我的代码不是“单元可测试的”，例如，我不能从QUnit访问()中的东西。
构建与ready()函数兼容且可测试的jQuery代码的正确方法是什么？
有没有好的开源代码库或项目可供学习和借鉴？
回答 4
Stack Overflow用户
发布于 2011-08-16 22:44:18
让您的代码在就绪处理程序中只调用就绪处理程序之外的函数：
$(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 codeStack Overflow用户
发布于 2011-08-16 22:51:06
我看到了两种方法。
- 将QUnit代码放在文档中，以便在您自己的代码之后运行。
- 将您的代码放在一个模块中。
选项#2如下所示：
var MyModule = (function() {
// Your code
}());
$(document).ready(function() {
// Quit tests, referring to MyModule.xxx
});在选项#2中，您确实无法访问模块中的私有元素。
Ben Cherry不久前在http://www.adequatelygood.com/2010/7/Writing-Testable-JavaScript上谈到了这一点，他实际上对基于闭包的隐私发表了一个有争议的评论，因为它对单元测试的影响。
Stack Overflow用户
发布于 2011-08-16 22:53:47
最有效的方法之一是使用JS "namespaces“构建代码结构，实际上，您可以从jQuery core中获得一个很好的示例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7079981
复制相关文章
相似问题