setTimeout和setInterval的使用的时候的问题总结

this的指向问题

由setTimeout()调用的代码运行在与所在函数完全分离的执行环境上。这会导致，这些代码中包含的 this 关键字在非严格模式会指向 window (或全局)对象
例子（来自MDN）

let myArray = ["zero", "one", "two"];
myArray.myMethod = function (sProperty) {alert(arguments.length > 0 ? this[sProperty] : this);
};myArray.myMethod(); // prints "zero,one,two"
myArray.myMethod(1); // prints "one"

使用定时器后this改变

setTimeout(myArray.myMethod, 1000); // prints "[object Window]" after 1 second
setTimeout(myArray.myMethod, 1500, "1"); // prints "undefined" after 1.5 seconds
// 对定时器其设置call也是没有
setTimeout.call(myArray, myArray.myMethod, 2000); // error: "NS_ERROR_XPC_BAD_OP_ON_WN_PROTO: Illegal operation on WrappedNative prototype object"
setTimeout.call(myArray, myArray.myMethod, 2500, 2); // same error

解决方法

zqx：function(){myArray.myMethod()}这个函数中的this依旧是window；但是myArray.myMethod()中的this依旧是myArray

// 一个通用的方法是用包装函数来设置this
setTimeout(function(){myArray.myMethod()}, 2000); // prints "zero,one,two" after 2 seconds
setTimeout(function(){myArray.myMethod('1')}, 2500); // prints "one" after 2.5 seconds

// 将执行函数用bing绑定
let myArray = ['zero', 'one', 'two'];
myBoundMethod = (function (sProperty) {console.log(arguments.length > 0 ? this[sProperty] : this);
}).bind(myArray); myBoundMethod(); // prints "zero,one,two" because 'this' is bound to myArray in the function
myBoundMethod(1); // prints "one"
setTimeout(myBoundMethod, 1000); // still prints "zero,one,two" after 1 second because of the binding
setTimeout(myBoundMethod, 1500, "1"); // prints "one" after 1.5 seconds

zqx：这里和上面对定时器绑定call是不同的哦，这里是直接对执行函数绑定

如果当前任务执行时间过久，会影延迟到期定时器任务的执行

在使用 setTimeout 的时候，有很多因素会导致回调函数执行比设定的预期值要久，其中一个就是当前任务执行时间过久从而导致定时器设置的任务被延后执行。我们先看下面这段代码：

function bar() {console.log('bar')
}
function foo() {setTimeout(bar, 0);for (let i = 0; i < 5000; i++) {let i = 5+8+8+8console.log(i)}
}
foo()

这段代码中，在执行 foo 函数的时候使用 setTimeout 设置了一个 0 延时的回调任务，设置好回调任务后，foo 函数会继续执行 5000 次 for 循环。

通过 setTimeout 设置的回调任务被放入了消息队列中并且等待下一次执行，这里并不是立即执行的；要执行消息队列中的下个任务，需要等待当前的任务执行完成，由于当前这段代码要执行 5000 次的 for 循环，所以当前这个任务的执行时间会比较久一点。这势必会影响到下个任务的执行时间。

最小延时和最大延时

最小：在浏览器中，setTimeout()/setInterval() 的每调用一次定时器的最小间隔是4ms

最大：包括 IE, Chrome, Safari, Firefox 在内的浏览器其内部以32位带符号整数存储延时。这就会导致如果一个延时(delay)大于 2147483647 毫秒 (大约24.8 天)时就会溢出，导致定时器将会被立即执行。