函数回调自身，循环第二次调用输出为undefined以及无限回调导致浏览器崩溃

最新推荐文章于 2023-06-12 09:59:09 发布

RayFet

最新推荐文章于 2023-06-12 09:59:09 发布

阅读量265

点赞数

分类专栏：前端开发文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_34173038/article/details/126006915

版权

前端开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

问题

写法如下，然后调用之后出现无限回调和undefined

function perValueCallback(nowIndex, key, data) {
				let perValue = ''
				let index = 0
				if (nowIndex) {
					index = --nowIndex
				}
				if (
					(perValue &&perValue !== '回调') ||perValue===‘’
				) {
					return perValue
				} else {
					perValueCallback(index, key, data)
   }
}

error Maximum call stack size exceeded
在这里插入图片描述

解决方案

在调用函数的那一行加上return

function perValueCallback(nowIndex, key, data) {
				let perValue = ''
				let index = 0
				if (nowIndex) {
					index = --nowIndex
				}
				if (
					(perValue &&perValue !== '回调') ||perValue===‘’
				) {
					return perValue
				} else {
					// 再次调用循环，注意，此处必须加rerun 否则下次拿不到返回的数据
					return perValueCallback(index, key, data)
   }
}