推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
请问应该如何有效的 debug javascript 代码呢，我设的断点下一步直接调到框架代码中去了
binarymann · 2015-03-07 10:10:07 +08:00 · 2522 次点击这是一个创建于 3586 天前的主题，其中的信息可能已经有所发展或是发生改变。
我有一段简单的jQuery deferred object的代码（如下），我在resolve() 被调用时设置了个断点，本想看看resolve()后会执行什么（期望是执行done() 方法（可能我对deferred的理解也不准确）），但关键我step over (F10) 后就直接被跳到jquery框架代码了，直到call stack所有的call都pop完了都没有来到done() 那里...js新手完全不知道怎么debug js代码啊，面对框架代码就瞎了（对debug也是正在学习中，可能这里不应该step over？），还请大人指点一二
http://jsfiddle.net/turtlemonvh/sszEd/
http://jsfiddle.net/turtlemonvh/sszEd/
 |
1
mcfog 2015-03-07 10:14:30 +08:00 via Android
对，这里应该钻入（f11），也就是进入resolve的实现内部
然后你会看到defer实现的若干调用，一直钻下去到$.Callbacks的部分应该就能断到业务的回调了 |
 |
2
binarymann OP @mcfog 果然是！感谢mcfog，钻入是钻到当前调用方法的具体实现，而step over是跳到callstack的下一个方法，我的理解没有错吧？钻进去看到的代码头都大了，最主要是里面方法的参数全是字母...不是说方法名应该descriptive吗...
|
 |
3
oott123 2015-03-07 10:40:49 +08:00
把 jQuery.min.js 换成 jQuery.js 看着会舒服些。
|
 |
4
arachide 2015-03-07 10:42:11 +08:00
最好别用框架
那些都是吧简单的事情搞复杂的人混饭吃的 html＋ccc＋javascript就是前端终极框架 |
|
5
arachide 2015-03-07 10:42:37 +08:00
html＋css＋javascript就是前端终极框架
|
|
6
binarymann OP @arachide 原本也想过但有太多轮子要造了，再不用别的，也用用jQuery吧 :)
|
|
7
binarymann OP @oott123 会吗？我看到在调试窗口里面点 { } 按钮能把压缩了空格换行的代码重排复原的
|
|
8
oott123 2015-03-07 16:25:06 +08:00
@binarymann 会，那样你看到的代码变量名不会是 a,b,c,d,e
|
|
9
binarymann OP @oott123 这还真不知道，感谢告知！我马上跑去看看！
|
|
10
arachide 2015-03-08 11:00:51 +08:00
|
Select Language