vue 下一种引起Maximum call stack size exceeded的情况

项目场景：

项目中用到vue，其中有一段业务需要写递归函数

---

问题描述

写完函数运行的时候一直报Maximum call stack size exceeded，从字面上理解是栈溢出了，要么是递归太深，要么是栈内函数传参太大。

---

原因分析：

根据栈溢出的原因排查
1、我的递归不是很深只有三四层，应该不会是太深这个原因
2、递归函数传参的问题，我项目中用到vue，为了防止在箭头函数内出现this指向的问题，我把this作为参数传到递归函数内。可能是this这个参数过大，导致栈溢出。经过查找资料，箭头函数内的this，是访问外层作用域中的this。也就是说我不需要把this作为参数传递过去

test(val, val1,that)

---

解决方案：

解决方案就是，把this这个参数从递归函数中的参数列表中去掉，问题解决。