為什么盡量別用setInterval-創(chuàng)新互聯(lián)

小編給大家分享一下為什么盡量別用setInterval，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站作為成都網(wǎng)站建設(shè)公司，專注網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)，有關(guān)成都企業(yè)網(wǎng)站建設(shè)方案、改版、費(fèi)用等問(wèn)題，行業(yè)涉及衛(wèi)生間隔斷等多個(gè)領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認(rèn)可。

為什么盡量別用setInterval？

原因之一：setInterval無(wú)視代碼錯(cuò)誤

setInterval有個(gè)討厭的習(xí)慣，即對(duì)自己調(diào)用的代碼是否報(bào)錯(cuò)這件事漠不關(guān)心。換句話說(shuō)，如果setInterval執(zhí)行的代碼由于某種原因出了錯(cuò)，它還會(huì)持續(xù)不斷（不管不顧）地調(diào)用該代碼。看代碼

function a() {
    try{
        a.error.here;
    } catch(e){
        $('body').append('<div>' + e.toString() + '</div>');
        throw e;
    }
}
function b() {
    try{
        b.error.here;
    } catch(e)
    {
        $('body').append('<div>' + e.toString() + '</div>');
        throw e;
    }
    setTimeout(b, 2000);
}
setInterval(a, 2000);
setTimeout(b, 2000);

原因之二：setInterval無(wú)視網(wǎng)絡(luò)延遲

假設(shè)你每隔一段時(shí)間就通過(guò)Ajax輪詢一次服務(wù)器，看看有沒(méi)有新數(shù)據(jù)（注意：如果你真的這么做了，那恐怕你做錯(cuò)了；建議使用“補(bǔ)償性輪詢”（backoff polling）[1]）。而由于某些原因（服務(wù)器過(guò)載、臨時(shí)斷網(wǎng)、流量劇增、用戶帶寬受限，等等），你的請(qǐng)求要花的時(shí)間遠(yuǎn)比你想象的要長(zhǎng)。但setInterval不在乎。它仍然會(huì)按定時(shí)持續(xù)不斷地觸發(fā)請(qǐng)求，最終你的客戶端網(wǎng)絡(luò)隊(duì)列會(huì)塞滿Ajax調(diào)用?？创a

var n = 0,
    t = 0,
    u = 0,
    i, s = 'Stopping after 25 requests, to avoid killing jsfiddle’s server';
function a() {
    $.post('/ajax_html_echo/', function () {
        --n;
    });
    ++n;
    ++t;
    $('#reqs').html(n + ' a() requests in progress!');
    if (t > 25) {
        clearInterval(i);
        $('#reqs').html(s);
    }
}
function b() {
    ++u;
    $.post('/ajax_html_echo/', function () {
        $('#req2').html('b(): ' + new Date().toString());
        if (u <= 25) {
            setTimeout(b, 500);
        } else {
            $('#req2').html(s);
        }
    });
}
i = setInterval(a, 500);
setTimeout(b, 500);

原因之三：setInterval不保證執(zhí)行

與setTimeout不同，你并不能保證到了時(shí)間間隔，代碼就準(zhǔn)能執(zhí)行。如果你調(diào)用的函數(shù)需要花很長(zhǎng)時(shí)間才能完成，那某些調(diào)用會(huì)被直接忽略。看代碼

function slow() {
    $.ajax({
        url: '/echo/html/',
        async: false,
        data: {
            delay: 1
        },
        complete: function () {
        }
    });
    $('#reqs').text(~~((new Date() - start) / 100) + ' expected, ' + iters + ' actual');
    if (iters++ > 4) {
        $('#reqs').append('<br>Stopping after 5 iterations');
        clearInterval(iv);
    }
};
var iv = setInterval(slow, 100), start = +new Date(), iters = 0;

解決之道很簡(jiǎn)單：用setTimeout

與其使用setInterval，不如在適當(dāng)?shù)臅r(shí)刻通過(guò)setTimeout來(lái)調(diào)用函數(shù)自身。在前面兩個(gè)示例中，使用setInterval的函數(shù)a都出錯(cuò)了，而使用setTimeout的函數(shù)b則表現(xiàn)很好。

如果必須保證間隔相等怎么辦？

如果確實(shí)要保證事件“勻速”被觸發(fā)，那可以用希望的延遲減去上次調(diào)用所花時(shí)間，然后將得到的差值作為延遲動(dòng)態(tài)指定給setTimeout。不過(guò)，要注意的是JavaScript的計(jì)時(shí)器并不是非常精確[2]。因此你不可能得到絕對(duì)“平均”的延遲，即使使用setInterval也不行，原因很多（比如垃圾回收、JavaScript是單線程的，等等）。此外，當(dāng)前瀏覽器也會(huì)將最小的超時(shí)時(shí)間固定在4ms到15ms之間。因此不要指望一點(diǎn)誤差也沒(méi)有。

以上是“為什么盡量別用setInterval”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前題目：為什么盡量別用setInterval-創(chuàng)新互聯(lián)
瀏覽路徑：http://muchs.cn/article4/egiie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、動(dòng)態(tài)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站策劃、響應(yīng)式網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容