意外令牌-递归打印圣诞树

Question

我下面的代码有什么问题？ 我找不到任何问题。 https://jsfiddle.net/rz8y6vc7/

function pyramid(n, row, level = '') {
  if (row === n) {
    return;
  }

  if (level.length === 2 * n - 1) {
    return pyramid(n, row + 1);
  }

  const midpoint = Math.floor((2 * n - 1) / 2);
  let add;
  if (midpoint - row <= level.length && midpoint + row => level.length) {
    add = '#';
  } else {
    add = ' ';
  }
  pyramid(n, row, level + add);
}

pyramid(4)

在此行出现错误。 if (midpoint - row <= level.length && midpoint + row => level.length) {

Answer 1

=>不是JavaScript中的运算符。

您可能会想到<= ，它是小于或等于运算符。

您可以在此处了解有关此特定运算符的更多信息： https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Less_than__or_equal_operator

Answer 2

您的代码存在以下问题：

1. 您没有将输出打印到浏览器中，我正在使用document.write()来显示输出。

2. HTML中不保留空格，您可以将文本插入保留空格的pre标记中。

3. 由于未初始化变量row max stack exceeded error了“ max stack exceeded error 。 您可以像初始化level变量一样初始化该变量！

请参考下面的代码片段，该代码片段在哪里起作用，如果您在执行过程中遇到任何问题，请告诉我！

 function pyramid(n, row = 0, level = '') { if (row === n) { return; } if (level.length === 2 * n - 1) { document.getElementById("test").innerHTML += "\\n"; return pyramid(n, row + 1); } const midpoint = Math.floor((2 * n - 1) / 2); let add; if (midpoint - row <= level.length && midpoint + row >= level.length) { add = '#'; } else { add = ' '; } document.getElementById("test").innerHTML += add; pyramid(n, row, level + add); } pyramid(4) 

 <pre id="test"></pre>