JS recursion and while

As a senior coder in front-end development for many years , I have always been dismissive of heaps and stacks , At work while Rarely used , Use recursion instead , In a recent inadvertent calculation operation, I found that js The drawback of recursion in , Then I did an experiment myself ：

Recursion for display

//  recursive 
let num = 0;
const max = 1000000;
function a () {
  num++;
  console.log(` Current number of cycles ：${num}`);
  if (num === max) {
    return false;
  } else {
    return a();
  }
}
setTimeout(() => {
  a();
}, 100);

result ：

Display stack overflow , use while To operate ：

let num = 0;
const max = 1000000;
// while loop 
while (num !== max) {
  num++;
  console.log(` Current number of cycles ：${num}`);
}

One step at a time ：

Later, I checked on the Internet ,Aleph Sir pointed out that , stay V8 in , The number of recursive calls depends on two quantities ： Stack size and stack frame （ Save local variables of parameters ） Size . You can use the   computeMaxCallStackSize() Add local variables for validation － It returns the low order value .

Use the following function to find out the answer ：

function computeMaxCallStackSize() {

    try {

        return 1 + computeMaxCallStackSize();

    } catch (e) {

        // Call stack overflow

        return 1;

    }

}

The three results ：

Node.js: 11034
Firefox: 50994
Chrome: 10402

I have seen other bloggers and had similar experiences , Some of the solutions given in this paper are the same , Use loops to bring recursion , Also have say es6 This aspect is optimized , But I haven't succeeded yet , If there is a great God, please give me some advice .