解析错误JSON.parse（意外令牌u）

Question

var storage = chrome.storage.local;
var cachedStorage = {};

这是js文件。它显示了意外的令牌u。即使我已经正确解析了。它也显示了其html源页面的意外令牌。有人可以建议我如何解决这个问题。

---

var defaultStorage = [{
  savedPatterns: JSON.stringify([
    [{
      "en": "English"
    }, {
      "it": "Italian"
    }, "25", true],
    [{
      "en": "English"
    }, {
      "la": "Latin"
    }, "15", false]
  ]),

}];

错误发生在这里，意外的令牌u

function createPattern() {
  console.log('createPattern begin');
  var patterns = JSON.parse(S('savedPatterns'));
  var srce = [],
    trg = [],
    prb = [];
  console.log(S('savedPatterns'));
  console.debug(S('savedPatterns'));
  var translator = document.getElementById('translatorService');
  var service = translator.children[translator.selectedIndex].value;
  srce[0] = document.getElementById('sourceLanguage');
  srce[1] = srce[0].children[srce[0].selectedIndex].value;
  srce[2] = srce[0].children[srce[0].selectedIndex].text;
  trg[0] = document.getElementById('targetLanguage');
  trg[1] = trg[0].children[trg[0].selectedIndex].value;
  trg[2] = trg[0].children[trg[0].selectedIndex].text;
  prb[0] = document.getElementById('translationProbability');
  prb[1] = prb[0].children[prb[0].selectedIndex].value;

  patterns.push([
    [srce[1], srce[2]],
    [trg[1], trg[2]],
    prb[1],
    false,
    service
  ]);
  saveBulk({
    'savedPatterns': JSON.stringify(patterns)
  }, 'Saved Pattern');
  console.log('createPattern end');
}

function S(key) {
  return cachedStorage[key];
}

function loadStorageAndUpdate(callback) {
  storage.get(null, function(data) {
    console.log('data: ' + data + ' : ' + JSON.stringify(data));
    var d = {};
    if (!data || JSON.stringify(data) == '{}') { // in this case, storage was not initialized yet
      console.log('setting storage to defaultStorage (stringified): ');
      console.log(JSON.stringify(defaultStorage));
      storage.set(defaultStorage);
      d = defaultStorage;
    } else {
      d = data;
    }

    cachedStorage = d;
    if (!!callback) {
      callback(d);
    }
  });
}

Answer 1

错误当JSON.parse失败时出现Unexpected token ，根据字符（在这种情况下为u ），您可以假定其原因。

• u是如果值未定义
• o是如果值是对象

 try { JSON.parse(undefined) } catch (ex) { document.write(ex.message + "<br/>") } try { JSON.parse({}) } catch (ex) { document.write(ex.message) } 

您可以尝试如下操作：

function s(key) {
  var obj = {
    foo: "foo",
    bar: "bar"
  }
  var v = null;

  try {
    v = JSON.parse(obj[key]);
  } catch () {
    v = obj[key];
  }

  return v;
}

function main() {
  var v = s("foo");
}

请参考以下帖子以获取更多信息。 未捕获的SyntaxError：带有JSON.parse的意外令牌

Answer 2

您正在尝试解析undefined 。 当您调用JSON.parse() ，您传入的是S('savedPatterns') ，后者依次尝试访问cachedStorage['savedPatterns'] ，但开头是undefined ，您无法解析。 您可以将cachedStorage初始化为：

var cachedStorage = {
  savedPatterns: JSON.stringify([])
};