javascript - 这段代码如何优化缩小？

Question

我看到一些代码 here有这些变量声明:

var equestAnimationFrame = 'equestAnimationFrame',
    requestAnimationFrame = 'r' + equestAnimationFrame,

    ancelAnimationFrame = 'ancelAnimationFrame',
    cancelAnimationFrame = 'c' + ancelAnimationFrame

根据页面上的评论，这是为了改进缩小，但我不知道该怎么做。有人可以告诉我吗？谢谢。

Answer 1

这不是为了适本地改进缩小 - 有问题的代码是 requestAnimationFrame填充。这意味着它将尝试不同的 vendor 前缀。因此，有时代码将是 "requestAnimationFrame"(小写 r)，有时带有 vendor 前缀，例如 msRequestAnimationFrame。

由于这个原因，它是动态构建的，"equestAnimationFrame" 始终存在，但它可能以 "r" 或 "R".

“改进缩小”部分是因为而不是写:

var requestAnimationFrame = window.requestAnimationFrame || 
                            window.msRequestAnimationFrame ||
                            window.mozRequestAnimationFrame ||
                            window.webkitRequestAnimationFrame ||
                            window.oRequestAnimationFrame ||

他们在 ["ms","moz","o", "webkit"] 上运行 for 循环并尝试前缀。这最多可以节省几个字节。

这是我认为更清晰并且做同样事情的代码:

var base = "equestAnimationFrame" // the base string
var alternatives = window["r"+base] || // try the basic option first
['moz', 'ms', 'o', 'webkit'].map(function(x){ 
    return x+"R" + base; // all the options
}).filter(function(x){ // check if in window
    return x in window;
})[0];