网易前端微专业，JavaScript程序设计：JS调试

本节主要通过一个加法器，介绍JS如何调试。先上代码：

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"><span>+</span><input type="text" id="num2"><span>=</span><span id="result"></span><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里每一行即可以加断点。

4，调试模式下最右边的四个按钮分别是：下一个断点处，单步执行，进到下一函数，跳出函数。基本所有的调试工具都有这四种。

5，断点模式下，在console里输入变量就可以看到当前值，同时可以随意对值进行修改。

网易前端微专业，JavaScript程序设计：JS调试相关推荐

网易前端微专业课程讨论区问答精选
Javascript程序设计部分注:以下内容大部分来自网易云课堂<前端微专业>课程讨论区,下问内容较多,可打开标题下方的[目录]索引,便于定位查看. arguments.callee() ...
网易前端微专业，JavaScript程序设计基础篇:数组
不论什么一种语言数组都是比較重要的,其作为一种基础对象应用非常多,如Java你肯定少不了集合(List,Map)这些.因此本篇主要记录JS的数组使用和经常用法.要点例如以下: 1,数组创建两种方式: ...
网易云课堂前端微专业各部分作业解答
买了云课堂的前端微专业课程,在这里记录下解题的过程,一来防止自己偷懒,二来希望朋友们看到能提提意见,共同进步. 主要放大题自己写的答案,有些会提提思路,代码基本都在在线代码平台上. 注:除注明作者外, ...
网易运营微专业目录
之前在网易工作的过程中,有一段时间的工作是要将我这个刚出生的"娃娃"带出来面见大众,可是因为"娃娃"是一个比较小众的产品,推广和运用起来还是有些困难,后期也了解 ...
你不知道的javascript_为什么前端要学JavaScript？JS都有哪些逆天的功能？
相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的标配,而在前端的世界里,没有什么是JavaScript实现不了的,你真的了解js吗? 关于JS有一句话: ...
网易运营微专业_数据驱动运营
驱动运营 1.数据分析是什么 1. 数据分析的定义 1,数据分析的定义:2,数据分析师的基本素质:3,数据分析的价值以网易免费邮箱/收费邮箱/一元夺宝等为例 2. 数据从哪里来 1,区分定性和定量数 ...
网易运营微专业_用户运营
用户运营(用户增长的黑客) 1.如何做好用户运营?你需要先了解这些 1.都是为了用户获取,运营市场和商务的区别: 市场商务工作在用户获取上和运营的不同分工和考核方式: 商场&微博/美丽说/健身 ...
网易运营微专业_运营基础
一什么是运营? 1. "运营"是什么? 种子用户引入→群内话题引入→找到热情用户加强沟通→线下活动,帮助群成员缔结关系→SOP(标准工作文档),界定群内主要事件→群的良性发展. ...
网易运营微专业_内容运营
一.内容运营内容运营 1.内容运营的范围.定义内容运营的范围及定义讲解什么是内容,什么是内容运营,内容运营有哪些范围知乎/分答/逻辑思维/papi酱/值乎/微信公众号 2.内容运营的初期事项 ...

网易前端微专业，JavaScript程序设计：JS调试

网易前端微专业，JavaScript程序设计：JS调试相关推荐

最新文章

热门文章