javascript - 如何重命名 native 窗口函数以便删除两行?

标签 javascript requestanimationframe

/*

是否可以将第一个 block 变成第二个 block ?我已经对 requestAnimationFrame 做了类似的事情,但由于点的原因,它在这里似乎不起作用。

*/

////////////////////////////////////////////////////////////////////////////////////////

window.performance = window.performance || {};

window.performance.now = (function()
{
    return window.performance.now       ||
           window.performance.webkitNow ||
           window.performance.msNow     ||
           window.performance.mozNow    ||
           window.performance.oNow      || function() { return new Date().getTime(); };
})();

var PeRfOrMaNcE = window.performance;

console.log(PeRfOrMaNcE.now());

////////////////////////////////////////////////////////////////////////////////////////

var PeRfOrMaNcE = (function()
{
    return window.performance.now       ||
           window.performance.webkitNow ||
           window.performance.msNow     ||
           window.performance.mozNow    ||
           window.performance.oNow      || function() { return new Date().getTime(); };
})();

console.log(PeRfOrMaNcE());

最佳答案

至少在 Chrome 中,now() 函数要求 this === window.performance

因此,您必须使用 .call 或 .bind 才能正确调用它。

这似乎有效,尽管它仍然需要 window.performance 存在,即使它只是在您的第一次代码尝试中初始化为空对象:

var PeRfOrMaNcE = (function()
{
    return window.performance.now       ||
           window.performance.webkitNow ||
           window.performance.msNow     ||
           window.performance.mozNow    ||
           window.performance.oNow      || function() { return new Date().getTime(); };
})().bind(window.performance);

或者,当 window.performance 不存在时避免 .bind 调用:

var PeRfOrMaNcE = (function()
{
     var wp = window.performance;
     var now = wp && (wp.now || wp.webkitNow || wp.msNow || wp.mozNow || wp.oNow);

     return now && now.bind(wp) || function() {
         return new Date().getTime();
     }
})();

关于javascript - 如何重命名 native 窗口函数以便删除两行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19549305/

相关文章:

javascript - 递归 promise 没有解决

javascript - 一个元素,多个事件

javascript - requestanimationframe drawing with for loop 问题

javascript - ThreeJS 作为 AngularJS 范围对象 - requestAnimationFrame 不识别回调

javascript - 没有 onScroll 的滚动速度更快?

javascript - 如何使用formik实现最新6版本的mui Timepicker

javascript - Phonegap - 设备信息不工作

javascript - 尝试将媒体播放器代码从 JavaScript 转换为 ReactJS 时出错 : Unexpected token

javascript - 将 setInterval 与 requestAnimationFrame 一起使用

video - FFMPEG:如何以高关键帧间隔编码可搜索视频