Learning to Program

Stepping Through the Code

One of my favorite ways to use breakpoints is to step through the code. Stepping through the code means setting a breakpoint and then executing the following code one line at a time. This is possibly the best way to diagnose what is wrong when your code is misbehaving. As an example, let’s make a change to the replaceImages function in replaceImages.js. Right now, the only location we care about is Memphis, but let’s say we suddenly care about Utah as well. We’ll update replaceImages to look like Listing 12.8.

Listing 12.8 Add Utah to replaceImages, but Break the Extension in the Process

Click here to view code image

function replaceImages(images, location) {  var baseImageUrl, height, width, image;  switch (location) ...