如何使用Node.js生成插入变量的HTML文件并修复rawHTML编写错误

你原有代码存在两个核心错误：

• 普通单引号字符串不支持跨多行书写，运行时会直接抛出语法错误
• Node.js环境生成的随机数number没有注入到HTML字符串中，浏览器打开生成的HTML文件时，会尝试查找客户端环境的number变量，无法获取到你在Node脚本中生成的随机值

const fs = require('fs');
const util = require('util');
const writeFile = util.promisify(fs.writeFile);

const number = Math.floor(Math.random() * 100);

let rawHTML = `<html>
<body style="color: white; background: black; width: 512px;">
<script>
var ranNum = ${number};
document.write ("<br/>TestText: ", ranNum);
</script>
</body>
</html>`;

const fn = async () => { await writeFile('finalHTML.html', rawHTML); }

fn()

• 用ES6模板字符串（反引号`）替代原有单引号，天然支持多行文本书写，无需额外拼接
• 通过模板字符串插值语法${number}，将Node环境生成的随机数直接写入HTML的JS代码片段中，浏览器打开文件时可直接读取到正确数值
• 为所有变量添加了const声明，避免隐式生成全局变量，符合JS编码规范

内容的提问来源于stack exchange，提问作者William Garner