课程: Learning JavaScript Debugging
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Monitor variables with watches
- [Narrator] In this video, we're going to talk about watches which are a way to monitor variable values and expression values over time. So here in this example file, here's my custom JavaScript at the bottom of the index.html. And I have some new functions here, some new data. So let's set a breakpoint here on line 325 for actionTime. And I'll refresh the page. So I've stopped at this point where this variable is going to be assigned. Now of course, when you wanna find what any particular variable is assigned to, you can look through the call stack. But depending on how deeply you have to go in here to find a particular piece, how many closures you have to go through, which part of the scope you wanna get into. Or how deep the data structure of your objects might go. It can be a little bit of a pain to have to hit all these triangles and go find the right thing. That's where watch expressions come in. So here in the watch expressions inspector, I can hit the plus sign to add a new…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
(已锁定)
Debugging without a debugger5 分钟 16 秒
-
(已锁定)
Leverage more of the Console API7 分钟 4 秒
-
Stop and look around: Simple breakpoints5 分钟 24 秒
-
(已锁定)
Explore other breakpoint options7 分钟 47 秒
-
(已锁定)
Challenge: Knowing when to stop2 分钟 28 秒
-
(已锁定)
Solution: Knowing when to stop3 分钟 56 秒
-
(已锁定)
Step into, over, and out of functions5 分钟 48 秒
-
(已锁定)
Find out where you are using the call stack4 分钟 34 秒
-
(已锁定)
Monitor variables with watches5 分钟 16 秒
-
(已锁定)
Source maps to debug minified files4 分钟 41 秒
-
(已锁定)
Challenge: Putting it all together4 分钟 10 秒
-
(已锁定)
Solution: Putting it all together8 分钟 52 秒
-
(已锁定)
-
-