javascript - 为什么变量在 for 循环内没有更新？ JS

Question

for 循环似乎运行良好，但无法更新 element 变量。我的意图是:

<h6>Q1</h6>
<h6>Q2</h6>
<h6>Q3</h6>

实际结果是:

<h6>Q1</h6>
<h6>Q1</h6>
<h6>Q1</h6>

  function results () {

     var listResults = '';
     var i=0;
     const element = `
      <h6>Q${i+1}</h6>
     `;

     for(x=0; x < 3; x++) {
        listResults += element;
        i++;
     }
     return listResults;
    }
    console.log(results())

Answer 1

一旦解析表达式，就会对模板进行求值。像这样的事情可能会起作用:

let listResults = [];
const element = i => `<h6>Q${i+1}</h6>`;

for(x=0; x < 3; x++) {
    listResults += element(x);
}