javascript效果代码-如何测试 JavaScript 代码？

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

如何测试 JavaScript 代码？

由于JavaScript程序无法像C++、Python程序等那样独立运行javascript效果代码，不利于测试一段代码的功能，那么我们应该如何使用JavaScript代码呢？ 接下来javascript效果代码，我们将使用一个小的计数器示例来看看如何测试 JavaScript 代码。

简单测试一小段 JavaScript 代码：

步

(1)新建test.html文件

(2)在test.HTML文件中写入以下内容

  
  
    <meta charset="utf-8">
    
    <script type="text/javascript">
    
  
  
  
  
 

（3）在test.HTML中编译需要测试的JS代码，如下

  
  
    <meta charset="utf-8">
    
    <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
      
    
  
  
  
  
 

（4）然后用浏览器打开test.HTML，按F12，查看console.log()复制输出的内容

总结：

JavaScript代码测试：需要将JavaScript代码嵌入到HTML网页中，然后通过浏览器打开HTML文件，按F12快捷键进入浏览器控制台查看JavaScript输出效果。