当您在使用Chrome DevTools调试JavaScript代码时，可能会遇到“Failed to save to temp variable.”错误。这个错误通常发生在尝试将一个复杂的表达式或函数作为变量保存时。在本文中，我们将深入探讨这个错误的含义以及如何解决它。
错误信息的含义
该错误表示Chrome DevTools无法将表达式或函数保存到临时变量中。这通常发生在尝试将复杂的代码保存到变量中时，因为DevTools无法处理它们。这个错误的原因是由于内存限制和不允许使用过多的计算资源。
解决方法
方法一：简化代码
最简单的解决方法是简化你的代码，将它们分解成更小的部分。如果您的代码非常复杂，可以考虑将其拆分到更小的函数或语句中。这将有助于减少内存使用和计算资源的消耗。
方法二：使用console.log()
另一个解决方法是使用console.log()而不是将复杂的代码保存到变量中。这可以帮助您避免将大量的数据保存在内存中，从而减少内存消耗。
// 例如，这段代码将抛出“Failed to save to temp variable.”错误
const data = [...Array(100000).keys()].map(item => ({ id: item }));
// 使用console.log()来避免错误
console.log([...Array(100000).keys()].map(item => ({ id: item })));方法三：增加DevTools的内存限制
如果您无法简化代码或使用console.log()，则可以尝试增加DevTools的内存限制。要做到这一点，请执行以下步骤：
- 右键单击DevTools窗口并选择“设置”。
- 在“Preferences”选项卡中，找到“Performance”部分。
- 增加“JavaScript 内存限制”。
请注意，增加内存限制可能会导致性能下降，并且不建议在长时间运行的生产环境中使用。
结论
“Failed to save to temp variable.”错误通常发生在尝试将复杂的表达式或函数作为变量保存时。为了解决这个问题，你可以简化你的代码，使用console.log()代替保存到变量，或者增加DevTools的内存限制。当你在调试JavaScript代码时，遇到这个错误时，现在你知道如何处理它了！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606ee05f2d2a29a3c1202096