JavaScript调用addcontent函数触发Uncaught RangeError: Invalid string length错误

核心报错原因 #

你代码中的字符串拼接逻辑是指数级膨胀，远超出浏览器支持的最大字符串长度，触发了RangeError。

具体逻辑问题：
你在循环中直接修改原始的text变量，每次循环都会把当前text的内容翻倍：

• 当separate_lines为true时，每次循环执行text=text+"\n"+text+"\n"，字符串长度变为原来的2倍+2
• 当separate_lines为false时，每次循环执行text=text+text，字符串长度直接变为原来的2倍

你传入的循环次数是100次，哪怕初始text只有1个字符，循环到第30次时字符串长度就已经超过10亿，达到Chrome浏览器的字符串长度上限，循环100次的长度是天文数字，必然触发长度溢出错误。

额外代码隐患 #

你代码中的循环变量i、e没有使用let/const声明，会自动成为全局变量，污染全局作用域，属于潜在bug。

修复后代码 #

你要实现的是「将指定文本重复指定行数插入到元素中」的功能，正确写法如下：

function addcontent(ele, text, lines, separate_lines){
  // 单独声明结果变量，不修改原始输入文本
  let result = '';
  for(let i = 0; i < lines; i++){
    result += text;
    // 开启分行时，除最后一行外末尾加换行
    if(separate_lines && i !== lines - 1){
      result += '\n';
    }
  }
  ele.append(result);
}

原调用的HTML代码无需修改。

内容的提问来源于stack exchange，提问作者The Amateur Coder