javascript - 了解 JS try 和 catch 语句(用于添加自定义 Modernizr 测试)

Question

我目前正在结合使用两个 Modernizr 测试来提供一个方便的功能分支。我使用的两个 Modernizr 测试是“blob”和“SMIL”。

但是，由于为了方便起见，我只在 Modernizr 构建中使用这两个测试，因此我想将这些测试合并到一个具有更有意义名称的自定义测试中。例如:

;(function enhancedTest() {
    Modernizr.addTest('enhanced', function () {
         try {
            return !!new Blob();
            return !!document.createElementNS &&
                  /SVGAnimate/.test(toStringFn.call(document.createElementNS('http://www.w3.org/2000/svg', 'animate')));
         } catch (e) {
            return false;
         }
    }, {
         aliases: ['enhanced']
    });
})();

如果设备不支持 try 内的任何返回部分，我基本上希望测试失败。如果设备同时支持两者，则应该通过。

我以前从未用 try 和 catch 写过任何东西，我想知道这是否会像我预期的那样工作？

我担心的是，目前，如果它在第一个 return !!new Blob() 上成功，它将通过测试(即使它可能在第二部分失败)。

是这样的吗？或者我应该如何重构代码来实现我的目标？

Answer 1

My concern is that currently, if it succeeds on the first return !!new Blob() it will pass the test (even though it may fail on the second part).

你说得对。

尝试:

Modernizr.addTest(
  'enhanced',
  function() {
    try {
      new Blob(); // this line can throw an exception.
      return !!document.createElementNS && /SVGAnimate/.test( toStringFn.call( document.createElementNS('http://www.w3.org/2000/svg', 'animate') ) );
    } catch(e) {
      return false;
    }
  }
);