JavaScript自定义超时API的方法

发布时间：2020-07-29 12:34:13 作者：小猪
来源：亿速云阅读：242

这篇文章主要讲解了JavaScript自定义超时API的方法，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

API是提供给不同语百言的一个接口，也就是对应的函数里面提供了相应的方法。我们只要用js的语法去调用想要的功能就可以。例如度js里面的BOM有screen的方法，他就是浏览器提供给我们的接口，能够对浏览器进行操作。

实现一个Ajax请求时回调超时一个函数

function timeoutify(fn,delay) {
 var intv = setTimeout( function(){　　// 设置超时定时器
    intv = null;
    fn( new Error( "Timeout!" ) );
 }, delay );
 return function() { 
   // 还没有超时&#63;
   if (intv) {
     clearTimeout( intv );　　// 取消 intv 定时器
     fn.apply( this, arguments );　　// 通过apply将返回回来的数据绑定到自定义的fn函数上，
     /*fn( null, arguments[1] );  // 如果对apply使用原理不了解可以使用该方法*/
   } 　　　　　　　　　　　　　　　　　　　 // argument 是获取调用回调函数的实参　　　　　　　　　　　　　
  };
}
// 以下是使用方式:
// 使用"error-first 风格" 回调设计 
function foo(err,data) {
 if (err) {
  console.error( err );
 }
 else {
  console.log( data );
 }
}
ajax( "http://some.url.1", timeoutify( foo, 500 ) );

自定义一个ajax回调函数：

 function ajax(url, fun) {
  setTimeout(function() {
   fun(null, 11)
  }, 1000);　　// 1秒后执行回调函数
 };

看完上述内容，是不是对JavaScript自定义超时API的方法有进一步的了解，如果还想学习更多内容，欢迎关注亿速云行业资讯频道。

JavaScript自定义超时API的方法

相关阅读