Question

我正在尝试使用QUnit进行简单测试，但由于某种原因它无法找到我的功能。我做了一些根本错误的事情吗？

的test.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title></title>
  <script type="text/javascript" src="qunit-git.js"></script>
  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="code.js"></script>
  <script type="text/javascript" src="test.js"></script>
  <link rel="stylesheet" type="text/css" href="qunit-git.css" media="screen"/>
</head>
<body>
<h1 id="qunit-header">QUnit Test Suite</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
</body>
</html>

test.js

test('Blah blah', function() {
  ok(mytest(), 'foo bar'
  );
});

code.js

$(document).ready(function() {
  var mytest = function() {
    return true;
  }
});

的 - ＆GT; “死于测试＃1：mytest未定义......”

Answer 1

mytest()在ready()函数内声明，因此具有函数范围。因此，ready函数外部无法访问它。您的测试假定它具有全局范围。

在块作用域中声明的变量和函数被“提升”到最近的函数作用域的顶部，如果未在函数中声明，则被“提升”到全局作用域。

修改

最终，我会说代码结构不正确。 ready函数用于运行只需要在文档准备就绪时运行的东西。

根据更强类型的语言进行思考。您是否可以使用Page.Load()或Window.Load()或Application.Init()来定位函数。不，你会在类级别声明它并像这样访问它。

以这种方式思考您的JavaScript代码。如果要减小其范围，请在另一个类中声明它。

QUnit：功能“未定义”

1 个答案: