Question

我有一个json字符串，我解析，然后用点表示法访问对象的属性。但是，在谷歌闭包编译器中，点表示法（MyObject.PropertyName）会发出警告，表明该属性未定义。

目前，我正在使用的解决方案是将我的代码转换为括号表示法（MyObject['PropertyName']）。这将删除警告，但也会阻止编译器执行其工作。另一方面，当我写JSON.stringify(MyObject)时，服务器会收到一个字符串，其属性名称是可以理解的。

所以我的问题是，在处理在运行时反序列化和序列化的json对象时，我们如何在高级模式下最好地使用google编译器。

Answer 1

你基本上有两个选择：

使用字符串文字（又名MyJsonObject['PropertyName']）来使用对象数组访问这是一个简单的解决方案。
创建一个描述JSON对象中属性的extern文件，然后使用点表示法（aka MyJsonObject.PropertyName）。这需要更多维护，但如果您在extern描述中提供类型注释，则允许编译器键入检查属性。

Answer 2

如果您要编写的唯一JavaScript是访问外部json，那么它就无法使用编译器。但是，如果除了将json解析为域模型之外，如果你还有一些微不足道的JavaScript工作，那么编译器可能会很有用。

在我们的解析器中，我们通过括号表示法访问我们的数据，这样我们就可以正确地获取数据。从那里我们将数据填充到我们自己的模型中，我们使用它们。符号。这些被大量重命名，给我们进行类型检查和所有这些优点。

编辑＆gt;＆GT; 对于数据，我使用XHRManager。这是一个非常好的课程。当我从该池中获取数据事件时，我按如下方式处理它。

/**
 * @private
 * @param {goog.events.Event} evt The event recieved from the XhrIo.
 */
mypath.MyClass.prototype.onDataRecieved_ = function(evt) {
  if (evt.type != 'complete') return;
  var xhrIo = evt.target;
  var data = xhrIo.getResponseJson();
  //do somethign!
};

我必须警告你，我的XHRManager处理仍然有待改进。我上周才重构我的代码才开始使用它。

对于解析我这样做:(这是我的代码库中的一些原始内容，所以忽略一些丑陋的东西。）

our.class.path.ContestJsonParser.prototype.setContestProperties =
    function(contest, element) {
  contest.setName(element['description']);
  /**
     * @type {!number}
     */
  var timeAsInt = element['startTime'];
  contest.setScheduledStartTime(timeAsInt);
  var clockModel = contest.getClockModel();
  if (goog.isDefAndNotNull(element['period'])) {
    clockModel.setMatchState(element['period']['periodName']);
    clockModel.setStateStartTime(element['period']['periodStartTime']);
  }
  //TODO (Johan) this needs to change today to consider the rest of the stats
  //information
  var stats = element['statistics'];
  if (goog.isObject(stats) && goog.isDefAndNotNull(stats['score'])) {
    var score = stats['score'];
    contest.setMatchScore(score['home'], score['away']);
  } else {
    contest.setMatchScore(undefined, undefined); // clears score.
  }
};

Answer 3

编辑： {@ 1}}指令已被弃用

Google Closure Compiler 允许您指定如何通过注释进行编译的指令。

请参阅：   https://developers.google.com/closure/compiler/docs/js-for-compiler

正确使用 @expose 和 @type ，您可以保留名称   代码中的属性。

可以将JSON字符串安全地解码为对象和   使用点表示法访问该对象。你也可以   字符串化数据。

-

我们举个例子：

您想要解析一个对象数组。每个对象代表一个   “size”，宽度为 w ，高度为 h 。

声明 size 对象的原型，然后公开   属性 w 和 h
@expose
然后，您希望将JSON解析数据放入一个名为的数组中   的数据

使用 @type ，您声明数据将保留   大小对象的数组。

function size() {} /** @expose */ size.prototype.w = 0; /** @expose */ size.prototype.h = 0;

谷歌闭包编译器和json

3 个答案: