The document discusses different debugging techniques for pausing code execution to inspect values and variables, including using the console.log statement, inserting a debugger statement, setting manual breakpoints, conditional breakpoints, and catching uncaught exceptions. The author presents these techniques as alternatives to solely relying on console.log for debugging code.

1. Debugging
A Step Away from the “console”
Adam Weeks, Cisco Webex, Orlando, Florida

6. How do you
know your
code works?

7. console.log?
function myCode() {
const one = 1;
const two = '2';
const onePlusTwo = one + two;
console.log(onePlusTwo);
}

10. function myCode() {
const one = 1;
console.log(one);
const two = '2';
console.log(two);
const onePlusTwo = one + two;
console.log(onePlusTwo);
console.log(one + two);
}

11. function myCode() {
const one = 1;
console.log(one);
const two = '2';
console.log(two);
const onePlusTwo = one + two;
console.log(onePlusTwo);
console.log(one + two);
}

12. function myCode() {
const one = 1;
console.log(one);
const two = '2';
console.log(two);
const onePlusTwo = one + two;
console.log(onePlusTwo);
console.log(one + two);
}

13. function myCode() {
const one = 1;
console.log(one);
const two = '2';
console.log(two);
const onePlusTwo = one + two;
console.log(onePlusTwo);
console.log(one + two);
}

16. Debugging?

19. Breakpoints
How to pause your code to debug

20. “debugger;” statement

21. Insert “debugger;” statement
function myCode() {
const one = 1;
console.log(one);
const two = '2';
console.log(two);
const onePlusTwo = one + two;
debugger;
console.log(onePlusTwo);
console.log(one + two);
}

29. Manual Breakpoints

34. Conditional Breakpoints

39. Uncaught Exceptions

45. Thanks!
@adamweeks