到目前为止,我习惯于在ready()函数中编写所有代码,如下所示:
$(document).ready(function() {
// all my code
});
现在我看到,使用这种方法,我的代码不是“单元可测试的”,例如,我不能从QUnit访问()中的东西。
构建与ready()函数兼容且可测试的jQuery代码的正确方法是什么?
有没有好的开源代码库或项目可供学习和借鉴?
发布于 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 code
发布于 2011-08-16 22:51:06
我看到了两种方法。
选项#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上谈到了这一点,他实际上对基于闭包的隐私发表了一个有争议的评论,因为它对单元测试的影响。
发布于 2011-08-16 22:53:47
最有效的方法之一是使用JS "namespaces“构建代码结构,实际上,您可以从jQuery core中获得一个很好的示例。
https://stackoverflow.com/questions/7079981
复制相似问题