作者:幻灵风 | 来源:互联网 | 2022-03-21 15:43
这篇文章主要介绍了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() {
// 还没有超时?
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秒后执行回调函数
};
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。