Vue -- 項目報錯整理(1)：RangeError: Maximum call stack size exceeded

　　這幾天項目運行報了個錯： Uncaught RangeError: Maximum call stack size exceeded，剛開始看到 "returnNodeParameter"，覺得是 "returnNodeParameter" 方法報錯，但轉眼看到後面 "Maximum call stack size exceeded"，就明白了，這明顯是 超過了最大堆棧量(堆棧溢出) 。

　　

 

　　堆棧溢出的產生是因爲過多的函數調用，致使調用堆棧沒法容納這些調用的返回地址，通常容易在遞歸中產生。因此這種錯誤通常是在遞歸函數當中出現，結合報錯提示中提到的 returnNodeParameter方法，查看 returnNodeParameter方法自身以及 returnNodeParameter內其餘調用方法中是否存在遞歸函數調用。本身寫的代碼，那些是遞歸函數那些不是，內心都有數，既然明確了是遞歸函數的鍋，那就從調用的遞歸函數中找緣由就是。

　　產生錯誤緣由：問題緣由很簡單，在 if (temp[i].pid !== '0') 中將本該寫成  this.selectedNodePid 的誤寫成了 this.selectedNode，致使 this.selectedNodePid 在後續遞歸執行中一直得不到更新，永遠是最開始調用的值，從而遞歸循環一直轉不出來，致使無限循環，形成堆棧溢出。

　　，錯誤緣由如圖所示。

　　歸根結底是參數和參數條件判斷的錯誤致使遞歸函數一直循環遞歸調用，沒法中止，從而只有在超出瀏覽器最大堆棧量（內存溢出）時，瀏覽器拋出錯誤才能中止。