快捷導(dǎo)航

js報錯:Maximum?call?stack?size?exceeded的解決方法

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

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

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

日期操作代碼如下

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

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

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

這里建議是在谷歌瀏覽器中f12對js文件中報錯的位置打斷點，一步步看究竟是哪的條件語句出錯了。

在這里日期到10月01日的時候，進行日期減一操作時，日變成00了

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

所以我們在這對日期加減方法進行改良，先對日期進行操作再獲取年月日的數(shù)據(jù)。

       //日期加一天或減一天
        function moreDate(date1,i) {
            let date =new Date(date1)
             date.setDate(date.getDate()+i) //先對日期進行加減操作再將日期set回去
            let year = date.getFullYear();
            //補全位數(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報錯:Maximum call stack size exceeded的解決方法的文章就介紹到這了,更多相關(guān)Maximum call stack size exceeded錯誤內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！