javascript - 有没有一种方法可以在不使用 setInterval 的情况下动态绑定字符串及其输出的文本？

Question

有没有一种方法可以在不使用 setInterval 的情况下动态绑定字符串及其输出的文本？我希望它类似于 Angular 和 Vue，尽管我想用 vanilla JS 来做到这一点。我希望能够随时打开控制台并更改值并查看我的元素上的更改输出。先感谢您！

标签： javascript

Answer 1

我认为您唯一的两个选择是：

A. 直接编辑元素，例如

myPublicElemeVariable.innerText = 'Bla'

B. 使用 setter（或Proxy）：

obj = {
   get str() { return this.myStr; }
   set str(val) {
      elem.innerText = val;
      this.myStr = val;
   }
}

C. 只需使用一个函数/方法！