如何使用CoffeeScript加载和使用静态JSON文件？

Question

I have gotten some advice to use "requirejs" but am having trouble making it work. I am a total newbie to CoffeeScript and new to JavaScript as well.

My JSON file (or more accurately a js file containing a JSON string) looks like this:

define(function(require)
{
  return 
  {
    "name": "Joe",
    "age": 30
  }
});

My app.coffee has:

requirejs.config
  paths:
    text: "<path to requirejs-text>"
    json_path: "<path to json file>"

My main.coffee has:

define(require) ->
  ko = require 'knockout'
  $ = require 'jquery'
  jsonObj = require 'json_path'

  class Main_App
    constructor ->
      @age = ko.observable jsonObj.age

I am getting the following error in my generated JavaScript:

Uncaught SyntaxError: Unexpected token :

It is complaining about the colon in the line:

"name": "Joe",

It seems clear that the javascript wrapper around my JSON string is not structured properly. I wanted to read a "data.json" file directly, but it was looking for a ".js" file. I was told I needed to wrap the JSON string in a javascript "define(function(require)", but I can't seem to find help on how to format it. Anyone able to get me unstuck? Thanks!

Answer 1

The Automatic Semicolon Insertion of JavaScript seems to be guilty here.

When you write

define(function(require)
{
  return // a ; is added here. 
  {
    "name": "Joe",
    "age": 30
  }
});

A semicolon is added behind your back after the return statement, so the function returns undefined instead of your object.

Try like this instead :

define(function(require)
{
  return {
    "name": "Joe",
    "age": 30
  };
});