JSON parsing error in function return

OK, so I am building out a data-driven Twitter application.  Woo hoo.  One of the things I’m doing is mocking up my JavaScript API and having it return example JSON data to build the UI components.  I do this because while some may argue that you might want to build out your API’s first I believe that the customer experience is the first thing that should be working on.  Figure out the customer experience required and the API’s should follow nicely.  Should.  We’ll see if I’m blowing smoke.

Anyway, so what I was doing was building out my JavaScript object and having the individual functions return JSON data like this

1
2
3
4
5
6
7
8

getSkwawkerByHandle: function(handle) {
  return {
    id_str: "asdfg253gasdga",
    name: "Kevin Schroeder",
    skwawker_id: "2435asdfgdfh",
    screen_name: "kpschrade"
  };
}

Piece of cake, until I kept on having problems with one of my API calls.  The JSON wouldn’t parse in my IDE and I was getting errors like “Uncaught SyntaxError: Unexpected token :”.  Here is a subset of the code I was using.

1
2
3
4
5
6
7
8

getSkwawkStatistics: function(skwawkId) {
  return
    {
      top_skwawkers: [123,1234,12345],
      skwawkers_requested: [123,1234,1234,123456],
      skwawk_timeline: []
    };
}

Can anyone see what is wrong?  I couldn’t for the longest time.  Turns out there is one little dinky thing that JavaScript in Chrome requires.  The start of the JSON encoded data must start on the same line as the “return” keyword.  When I changed the function definition, it worked.

1
2
3
4
5
6
7

getSkwawkStatistics: function(skwawkId) {
  return {
      top_skwawkers: [123,1234,12345],
      skwawkers_requested: [123,1234,1234,123456],
      skwawk_timeline: []
    };
}

Removing the line feed at the end of the return and getting that curly bracket on the same line totally solved my stupid little problem.