当前位置:小鱼儿玄机二站 > 操作系统 > 网易前端微专业,JavaScript程序设计之JS调试

网易前端微专业,JavaScript程序设计之JS调试

文章作者:操作系统 上传时间:2019-09-03

正文首要透过贰个加法器,介绍JS怎么着调解。先上代码:
效果:

乐乎前端微职业,JavaScript程序设计:JS调节和测验

本节着重透过三个加法器,介绍JS怎么着调解。先上代码:

test.html:

 

图片 1

计算器

+ =

计算

<script src="./demo.js"></script>
demo.js

 

 

/**
 * Created by yanzi on 15/12/8.
 */
var num1 = document.getElementById("num1"),
    num2 = document.getElementById("num2"),
    result = document.getElementById("result"),
    btn_add = document.getElementById("add");

btn_add.addEventListener("click", onAddClick, false);
function onAddClick(){
    var a = parseInt(num1.value),
    b = parseInt(num2.value);
    var sum = add(a, b);
    result.innerHTML = sum;
}

/**
 *
 * @param a
 * @param b
 * @returns {*}
 */
function add(a, b){
    return a+b;
}

 

效果:

图片 2

课堂摘要:

1,一般调节和测量检验JS,打字与印刷音讯有如下三种:

a,用alert,缺点是历次都弹框

b,用console.log,那么些数据量小还能

c,加断点调节和测验

2,在JS里,借使变量前边加var,表示局地变量,function里纵然不带var表示全局变量。因此一般景色下变量前面带var.

3,一般在chrome调节和测量试验器里,elements看代码,在source目录下展开调整。在该情势下,点击js里每一行即能够加断点。

图片 3

4,调节和测量检验形式下最侧面的多个按键分别是:下一个断点处,单步实施,进到下一函数,跳出函数。基本享有的调节和测验工具都有这种种。

图片 4

5,断点方式下,在console里输入变量就足以见到眼下值,同一时候可以轻巧对值实行退换。

图片 5

本节主要透过一个加法器,介绍JS怎样调解。先上代码: test.html: 总计器 + = 总结 script src="....

test.html:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>计算器</title> 
</head> 
<body> 

<div> 
  <h2>计算器</h2> 

  <div> 
    <input type="text" id="num1"> 
    + 
    <input type="text" id="num2"> 
    = 

    <button id="add">计算</button> 
  </div> 
</div> 
<script src="./demo.js"></script> 
</body> 
</html> 

demo.js

/** 
 * Created by yanzi on 15/12/8. 
 */ 
var num1 = document.getElementById("num1"), 
  num2 = document.getElementById("num2"), 
  result = document.getElementById("result"), 
  btn_add = document.getElementById("add"); 

btn_add.addEventListener("click", onAddClick, false); 
function onAddClick(){ 
  var a = parseInt(num1.value), 
  b = parseInt(num2.value); 
  var sum = add(a, b); 
  result.innerHTML = sum; 
} 

/** 
 * 
 * @param a 
 * @param b 
 * @returns {*} 
 */ 
function add(a, b){ 
  return a+b; 
} 

驷不比舌摘要:

1、貌似调节和测量检验JS,打字与印刷音讯有如下三种:

a.用alert,弱点是每便都弹框

b.用console.log,这几个数据量小仍是能够

c.加断点调节和测验

2、在JS里,如若变量前边加var,表示局地变量,function里假使不带var表示全局变量。因而一般景观下变量前面带var.

3、一般在chrome调节和测量试验器里,elements看代码,在source目录下进展调养。在该形式下,点击js里每一行就可以以加断点。

图片 6

4、调节和测量试验情势下最侧边的多个按键分别是:下一个断点处,单步实践,进到下一函数,跳出函数。基本全体的调节和测量试验工具都有那四种。

图片 7

5、断点方式下,在console里输入变量就足以看来眼前值,同临时候能够从心所欲对值实行修改。

图片 8

如上正是js调节和测量检验的具体步骤,希望大家在javascript程序设计时会使用js进行调治将养,多谢大家的翻阅。

你或者感兴趣的文章:

  • Javascript调节和测量检验工具(下载)
  • 调试Javascript代码(浏览器F12及VS中debugger关键字)
  • JS调节和测量检验必备的5个debug本事
  • js调节和测量检验连串 初识调节台
  • js调试类别断点与动态调节和测量检验[基础篇]
  • js调节和测验工具console.log()方法查看js代码的执市价况
  • js调节和测验工具Console命令详解
  • 应用Chrome调节和测量检验JavaScript的断点设置和调治技能

本文由小鱼儿玄机二站发布于操作系统,转载请注明出处:网易前端微专业,JavaScript程序设计之JS调试

关键词: