推荐关注 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 2747 次点击这是一个创建于 3942 天前的主题，其中的信息可能已经有所发展或是发生改变。
我有一段简单的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