快捷導(dǎo)航

js報(bào)錯(cuò):Maximum?call?stack?size?exceeded的解決方法

更新時(shí)間：2023年02月10日 11:17:59 作者：ttttter

這篇文章主要給大家介紹了關(guān)于js報(bào)錯(cuò)Maximum?call?stack?size?exceeded的解決方法,文中通過實(shí)例代碼將解決的方法介紹的非常詳細(xì),需要的朋友可以參考下

最近在寫項(xiàng)目的時(shí)候，有個(gè)部分是判斷數(shù)組內(nèi)是否存在這個(gè)日期，如果不存在的話則日期減一天或加一天再遍歷一次數(shù)組內(nèi)是否存在這個(gè)日期，重復(fù)此操作直到找到日期為止。

日期操作代碼如下

 //日期加一天或減一天
        function moreDate(date1,i) {
            let date =new Date(date1)
            let year = date.getFullYear();
            //補(bǔ)全位數(shù)
            let month = (date.getMonth()+1).toString().padStart(2,'0')
            let day = (date.getDate()+i).toString().padStart(2,'0')
            return year+"-"+month+"-"+day
        }

但是會(huì)存在一個(gè)問題就是，由于這個(gè)操作是遞歸操作，每次找不到日期時(shí)不是跳出方法，而是再執(zhí)行一次這個(gè)方法，當(dāng)重復(fù)多次這個(gè)遞歸操作時(shí)就會(huì)導(dǎo)致達(dá)到調(diào)用堆棧限制，就會(huì)有Maximum call stack size exceeded錯(cuò)誤，這個(gè)錯(cuò)誤的意思是 "超出最大調(diào)用堆棧大小"。

發(fā)生這種錯(cuò)誤大多都是語句判斷沒有寫對(duì)，或者忘了寫判斷語句導(dǎo)致遞歸操作無限重復(fù)下去。

這里建議是在谷歌瀏覽器中f12對(duì)js文件中報(bào)錯(cuò)的位置打斷點(diǎn)，一步步看究竟是哪的條件語句出錯(cuò)了。

在這里日期到10月01日的時(shí)候，進(jìn)行日期減一操作時(shí)，日變成00了

再下一步操作時(shí)，日期2022-10-00就是一個(gè)錯(cuò)誤日期了，然后就導(dǎo)致遞歸操作的判斷條件一直錯(cuò)誤，導(dǎo)致無限遞歸出現(xiàn)Maximum call stack size exceeded錯(cuò)誤

所以我們?cè)谶@對(duì)日期加減方法進(jìn)行改良，先對(duì)日期進(jìn)行操作再獲取年月日的數(shù)據(jù)。

       //日期加一天或減一天
        function moreDate(date1,i) {
            let date =new Date(date1)
             date.setDate(date.getDate()+i) //先對(duì)日期進(jìn)行加減操作再將日期set回去
            let year = date.getFullYear();
            //補(bǔ)全位數(shù)
            let month = (date.getMonth() + 1).toString().padStart(2, '0')
            let day = (date.getDate()).toString().padStart(2, '0')
            return year+"-"+month+"-"+day
        }

再執(zhí)行方法，10月01日減一天就變成了9月30日了，接著順利執(zhí)行遞歸操作。

總結(jié)

到此這篇關(guān)于js報(bào)錯(cuò):Maximum call stack size exceeded的解決方法的文章就介紹到這了,更多相關(guān)Maximum call stack size exceeded錯(cuò)誤內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！