由于 JavaScript 程序不能像 C++,Python 程序等单独运行, 不利于测试一段代码的功能, 那么我们该如何车上 JavaScript 代码呢? 下面我们就通过一个小例子来看一下如何测试 JavaScript 代码.
简单测试一小段 JavaScript 代码:
步骤
(1) 新建一个 test.html 文件
(2) 在 test.HTML 文件中书写以下内容
- <!doctype HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- test
- </title>
- <script type="text/javascript">
- </script>
- </head>
- <body>
- </body>
- </HTML>
(3) 在 test.HTML 中编写需要测试的 JS 代码, 如下
- <!doctype HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- test
- </title>
- <script type="text/javascript">
- function Student(name, age) {
- this.name = name;
- this.age = age;
- this.description = function() {
- return this.name + "的年龄是:" + this.age;
- }
- }
- var p4 = new Student("Tony", 28);
- var p5 = new Student("Tom", 40);
- console.log(p4.description()) // 输出为: Tony 的年龄是: 28
- console.log(p5.description()) // 输出为: Tom 的年龄是: 40
- </script>
- </head>
- <body>
- </body>
- </HTML>
(4) 再用浏览器打开 test.HTML, 按 F12, 查看 console.log() 打印输出的内容
总结:
JavaScript 代码测试: 需要将 JavaScript 代码嵌入 HTML 网页中, 然后通过浏览器打开 HTML 文件, 按 F12 快捷键进入浏览器的控制台查看 JavaScript 输出效果.
来源: http://www.css88.com/qa/javascript/11868.html