如何在更改了值之后立即发布作用域变量？

(function() {
  var variable = "initial value";

  // 修改变量的值
  variable = "new value";

  // 在控制台输出变量的值
  console.log(variable);
})();

var variable = "initial value";

// 自定义事件
var event = new CustomEvent("variableChanged", { detail: variable });

// 修改变量的值
variable = "new value";

// 触发自定义事件
document.dispatchEvent(event);

// 在其他地方监听自定义事件
document.addEventListener("variableChanged", function(event) {
  console.log(event.detail); // 输出变量的新值
});

function Observer() {
  this.value = "initial value";
  this.observers = [];

  this.setValue = function(newValue) {
    this.value = newValue;
    this.notifyObservers();
  };

  this.addObserver = function(observer) {
    this.observers.push(observer);
  };

  this.notifyObservers = function() {
    for (var i = 0; i < this.observers.length; i++) {
      this.observers[i].update(this.value);
    }
  };
}

var observer1 = {
  update: function(newValue) {
    console.log("Observer 1: " + newValue);
  }
};

var observer2 = {
  update: function(newValue) {
    console.log("Observer 2: " + newValue);
  }
};

var variableObserver = new Observer();
variableObserver.addObserver(observer1);
variableObserver.addObserver(observer2);

// 修改变量的值
variableObserver.setValue("new value");