使用 YUI3 时捕获 Javascript 语法错误

Question

我正在使用 YUI 团队提供的稍微修改过的示例代码。当我的源以 JSON 以外的内容响应（或者只是有 JSON 语法错误）时，我的浏览器 (Safari) 会中止脚本处理，从而阻止我通知用户出现问题。

我绝对不是 JS 大师，所以这段代码可能比它应该的要丑陋得多。代码大致是：

YUI().use("dump", "node", "datasource-get", "datasource-jsonschema", function(Y) {
  var myDataSource = new Y.DataSource.Get({
    source:"/some/json/source/?"}),
    myCallback = {
      success: function(e){
        myResponse = e.response;
        doSomething(myDataSource);
      },
      failure: function(e){
        Y.get("#errors").setContent("<li>Could not retrieve data: " + e.error.message + "</li>");
      }
    };

  myDataSource.plug(Y.Plugin.DataSourceJSONSchema, {
    schema: {
      resultListLocator: "blah.list",
      resultFields: ["user", "nickname"]
    }
  });
  myDataSource.sendRequest("foo=bar", myCallback);
}

我尝试将“var myDataSource”块包装在 try/catch 中，并且我还尝试包装整个 YUI().use() 块。

是否可以捕获语法错误？我是否必须将一体化的 DataSource.Get 调用替换为单独的 IO 和解析调用？

Answer 1

由于您正在请求本地脚本，因此您可以在 try/catch 或 Y.DataSource.IO + Y.DataSchema.JSON (+ Y.JSON) 内使用 Y.io + Y.JSON.parse。

DataSource.Get 的好处是它避免了同源策略。然而，它的安全性和灵活性较差。如果没有必要，您应该避免使用它。

DataSource.Get 的约定是服务器支持 JSONP。其工作方式是 Get 使用 src=(您提供的 url)&callback=someDataSourceFunction 将脚本节点添加到页面。

浏览器将请求该 url 处的资源，并且会发生以下两种情况之一：

1. 服务器将以 someDataSourceFunction({"all":"your data"}); 形式响应 JavaScript 字符串；否则
2. 服务器将返回一些无法解析为 JavaScript 的文本。

无论哪种情况，该字符串都被视为脚本节点的内容 - 它被解析并执行。如果无法解析，浏览器会抛出错误。这是没有办法阻止的。虽然 JSONP 在技术上不受真正 JSON 的规范约束（即使无效的 JSON 也应该解析和执行），但您应该始终使用纯 JSON，并始终使用服务器端库来生成 JSON 输出（查看 http://json.org 获取每种可以想象的语言的库列表）。不要手卷 JSON。它只会导致数小时的调试。

Answer 2

问题可能是在 YUI 有机会报告失败之前，错误就发生在浏览器的某个级别（Javascript 解析）。

众所周知，在 Safari 中捕获此类错误非常困难，因为它没有实现 window.onerror。为了用我的 Javascript 库 bezen.org 捕获更多错误，我在异步的地方添加了 try/catch触发代码：

• 动态脚本加载（相当于您的 JSON 下载）
• setTimeout/setTimer：我包装并替换了这些浏览器函数以插入记录错误的 try/catch

您可能有兴趣查看相应模块的源代码，这可能对您有用或作为解决问题的提示：

• bezen .dom.js 在appendScript方法中查找safelistener
• bezen.error.js< /a> 检查 safeSetTimeout/safeSetInterval 和 catchError

Answer 3

也许在你“做某事”之前尝试一下：

try
{
   var test = YAHOO.lang.JSON.parse(jsonString); 
   ...
}
catch (e)
{
   alert('invalid json');
}