Debugging with Console & DevTools

If this function is throwing an error with certain inputs, what type of breakpoint would be most efficient for debugging?

function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    total += items[i].price * items[i].quantity;
  }
  return total;
}

Line breakpoint at the beginning of the function
DOM change breakpoint
Exception breakpoint
Exception breakpoints are most efficient for this scenario: 1) They automatically pause execution when an exception occurs, exactly where the problem happens, 2) Unlike line breakpoints, no guesswork is needed to determine where to place the breakpoint, 3) The debugger will pause precisely at the source of the error, likely when accessing a property on an undefined item, 4) This saves time compared to stepping through the function from the beginning, 5) Exception breakpoints can be configured to trigger on all exceptions or only uncaught ones, 6) When the exception occurs, the debugger provides the full context including variable values, 7) This makes it easy to identify which specific array item is causing the problem, 8) It's particularly valuable for errors that only occur with certain inputs or edge cases.
XHR breakpoint

Next Question (15/40)