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 在後續遞歸執行中一直得不到更新，永遠是最開始調用的值，從而遞歸迴圈一直轉不出來，導致無限迴圈，造成堆棧溢出。

　　，錯誤原因如圖所示。

　　歸根結底是參數和參數條件判斷的錯誤導致遞歸函數一直迴圈遞歸調用，無法停止，從而只有在超出瀏覽器最大堆棧量（記憶體溢出）時，瀏覽器拋出錯誤才能停止。