超时调用与间歇调用

1.首先要清楚，JavaScript是单线程语言，一段时间内只能执行一段代码。因此就有一个JavaScript的任务队列来控制代码的执行顺序。window对象的属性setTimeout（）的第二个参数就是告诉JavaScript再过多长时间将当前任务添加到队列中。如果队列是空的，那么添加的代码会立即执行；如果队列不是空的，那么先等到前面的代码执行完后再执行。间歇调用setInterval（）与超时调用相似，只不过是重复调用。

setTimeout(function(){
alert("Hello");
},1000);

//setTimeout（）与setInterval（）的第一个参数可以是函数，也可以使字符串，但是不建议使用字符串，因为代码包裹在字符串中需要二次解析会导致性能问题。还会引起作用域问题

varname="liu";
functionsayName(){
varname="liuliu";

setTimeout("alert(name)",1000);//字符串形式liu

}
sayName();

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

varname="liu";
functionsayName(){
varname="liuliu";

setTimeout(function(){
alert(name);
},1000);//函数形式liuliu
}
sayName();

2.超时调用和间歇调用都返回一个标识符，可以用于取消调用，clearTimeout（）与clearInterval（）。一般只有间歇调用需要取消调用操作，不然会重复下去。在实际中一般使用超时调用模拟间歇调用，因为间歇调用可能在前一个间歇调用结束之前调用。

//间歇调用
varnum=0,
max=5,
intervalId=null;
functionincrementNumber(){
num++;
if(num==max){
clearInterval(intervalId);//当num=max时取消间歇调用
alert(num);
}
}

setInterval(incrementNumber,1000);//间歇调用

//用超时调用模拟间歇调用
varnum=0,
max=5;
functionincrementNumber(){
num++;
if(num<max){
setTimeout(arguments.callee,1000);//回调函数,且解除函数与函数名的耦合关系
}else{
alert(num);
}
}
setTimeout(incrementNumber,1000);//超时调用

3.超时调用的代码都是在全局作用域中执行的，因此函数的this值在非严格模式下指向window对象，在严格模式下是undefined。

varname="liu";
varo={
name:"liuliu",
sayName:function(){
alert(this.name);//liuliu
}
};
o.sayName();

//超时调用的this值
varname="liu";
varo={
name:"liuliu",
sayName:function(){
setTimeout(function(){//超时调用
alert(this.name);//liu
},1000);
}
};
o.sayName();

4.调用的两种方式：

functionsayName(){
alert("liu");
}
functiontest(){
functionsayName(){
alert("liuliu");
}

setTimeout(sayName,1000);//liuliu
setTimeout("sayName()",1000);//liu
}
test();

////////////////////////////////////////////////////
functionsayName(){
alert("liu");
}
functiontest(){
/*functionsayName(){
alert("liuliu");
}*/

setTimeout(sayName,1000);//liu
setTimeout("sayName()",1000);//liu
}
test();
////////////////////////////////////////////////////
/*functionsayName(){
alert("liu");
}*/
functiontest(){
functionsayName(){
alert("liuliu");
}

setTimeout(sayName,1000);//liu
setTimeout("sayName()",1000);//显示sayName未定义
}
test();
////////////////////////////////////////////////////
(function(){//添加了个块级作用域
functionsayName(){
alert("liu");
}
functiontest(){
functionsayName(){
alert("liuliu");
}

setTimeout(sayName,1000);//liuliu
setTimeout("sayName()",1000);//显示sayName未定义
}
test();
})();

setTimeout("sayName()",1000)这种形式，只能调用全局作用域中的函数，我不建议使用这种方式。setTimeout(sayName,1000)遵守一般的作用域访问规则。