javascript - 检查 vendor Ex 的正确方法。 webkitRequestAnimationFrame || mozRequestAnimationFrame

Question

我从 Google ( https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery ) 获得了这段代码:

var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;

这如何有效？如果未定义 requestAnimationFrame，javascript 将在检查 moz、webkit 或 ms 之前崩溃。

不应该是:

var raf =   
typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame :
typeof mozRequestAnimationFrame !== 'undefined' ? requestAnimationFrame :
typeof webkitRequestAnimationFrame !== 'undefined' ? requestAnimationFrame :
typeof msRequestAnimationFrame!== 'undefined' ? requestAnimationFrame : null;

Answer 1

我见过的方法是在每个变量前加上前缀window.。如果您尝试访问对象上未定义的变量，而不是未定义的属性，JavaScript 将抛出错误。

var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;