为什么递归WebGL函数不会导致堆栈溢出？

Question

这是我关于StackOverflow的第一个问题，因此请原谅协议中的任何违规行为。

我在大学的计算机图形学课程中学习WebGL。 在学习使正方形在屏幕上旋转时，我的同学和我注意到了render函数中的以下代码：

function render() 
{ 
 gl.clear(gl.COLOR_BUFFER_BIT); 
 theta += 0.1; 
 gl.uniform1f(thetaLoc, theta); 
 gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); 
 render(); 
}

我们不理解的是，为什么我们的教授没有给我们一个适当的答案，这就是为什么这段代码不会递归地调用自身而导致堆栈溢出。 我们运行了代码，它不会引起任何问题，但是我们不明白为什么。

我们无法在教科书或在线中找到答案。 如果有人可以解释，我会把它传递给我的同学。 提前致谢。

Answer 1

确实会导致堆栈溢出。 当我运行它时，我得到

Uncaught RangeError: Maximum call stack size exceeded 

我认为您可能看到了这样的代码

function render() {
   ...
   requestAnimationFrame(render);
}
render();

在这种情况下，它不是递归的。 渲染功能正在请求动画帧，然后退出。 然后浏览器再次render它调用的下一帧render 。