javascript - 我们可以改变 javascript 中存储在另一个变量中的变量的值吗

Question

有一个变量，例如 var content，它保存一些 HTML 内容，并且此 HTML 还包含一个 JavaScript 变量，例如 ${id}。现在我想更新 ${id} 变量的值。我已尝试使用以下代码，但它不起作用。

var id = '';
var content = `<div class="row well margin_btm_ten">
    <div class="col-md-1">
        <b>ID is ${id}</b>  
    </div>`;
row_id = 2;
setTimeout(function(){
    console.log(content)
});

Answer 1

你可以让 content 成为一个返回 html 内容的函数，这样它每次调用时都会计算它。这样，如果 id 变量发生变化，content() 返回的值也会发生变化:

var id = 'one';
var content = () => `<div class="row well margin_btm_ten">
    <div class="col-md-1">
        <b>ID is ${id}</b>  
    </div>`;
console.log(content());
id = 'two';
console.log(content());