javascript - 更新从 Javascript 中的另一个对象引用数据的对象的最佳方法是什么？

Question

我很难想出在没有框架的情况下解决这个问题的最佳方法。假设我有这样的代码。

let x = {
    someData: 5
}

let config = [{
   moreData: `You have ${x.someData} flunderflaffles`
}]
//user input affects x
button.onclick = ()=>{
    x.someData++
    appendEle()
}

const appendEle = () => {
    document.body.append(`<p>${config.moreData}</p>`)
}

这是对我现在正在做的事情的一个非常简单的解释，但我希望你能明白要点。基本上 config.moreData 将始终具有 5 的值，因为这就是初始化时的值。任何人都可以阐明如何更好地处理这个问题，以便配置中的数据反映在 x 中吗？谢谢你。

标签： javascriptoopobject

Answer 1

您必须确保在需要时动态创建字符串。为此，您需要一个功能。getter 属性使 API 保持不变：

const config = {
   get moreData() { return `You have ${x.someData} flunderflaffles` }
}

用法：

const moreData = config.moreData