JavaScript支持的最大递归调用次数分析_javascript技巧
程序员文章站
2022-04-08 11:11:42
...
你对JavaScript引擎能进行多少次递归调用好奇吗?
function computeMaxCallStackSize() {
try {
return 1 + computeMaxCallStackSize();
} catch (e) {
// Call stack overflow
return 1;
}
}
Node.js: 11034
Firefox: 50994
Chrome: 10402
function computeMaxCallStackSize(size) {
size = size || 1;
return computeMaxCallStackSize(size + 1);
}
多少次递归调用
下面的函数可以让你找到答案: (灵感来自Ben Alman的 gist)
复制代码 代码如下:
function computeMaxCallStackSize() {
try {
return 1 + computeMaxCallStackSize();
} catch (e) {
// Call stack overflow
return 1;
}
}
三个结果:
复制代码 代码如下:
Node.js: 11034
Firefox: 50994
Chrome: 10402
这些数字代表什么?Aleph先生指出,在V8中,递归调用的数量取决于两个量:堆栈的大小和堆栈帧(保存参数的局部变量)的大小。你可以通过在 computeMaxCallStackSize() 添加局部变量进行验证 - 它会返回低位值。
在ECMAScript 6中的尾部调用(Tail call)优化
ES6 有尾部调用优化 :如果一个函数中的最后一步也是一个函数调用,它会被“跳”过,而不是通过子函数调用。这就意味着在ES6(严格模式)下,你只要稍微改一下computeMaxCallStackSize函数,它就可以永远执行下去。
复制代码 代码如下:
function computeMaxCallStackSize(size) {
size = size || 1;
return computeMaxCallStackSize(size + 1);
}
上一篇: Bootstrap + Vue.js实现添加删除数据
下一篇: js实现带框的拖拽效果
推荐阅读
-
各浏览器对link标签onload/onreadystatechange事件支持的差异分析_javascript技巧
-
各浏览器对link标签onload/onreadystatechange事件支持的差异分析_javascript技巧
-
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析_javascript技巧
-
JavaScript支持的最大递归调用次数分析_javascript技巧
-
javascript嵌套函数和在函数内调用外部函数的区别分析_javascript技巧
-
js中匿名函数的创建与调用方法分析_javascript技巧
-
JavaScript:new 一个函数和直接调用函数的区别分析_javascript技巧
-
JavaScript:new 一个函数和直接调用函数的区别分析_javascript技巧
-
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析_javascript技巧
-
setTimeout()递归调用不加引号出错的解决方法_javascript技巧