Knockout将绑定函数表达式包装进computed时，为何不总是创建依赖？

嘿，这个问题戳中了Knockout绑定机制里一个很容易搞混的细节！咱们来好好拆解一下：

首先先确认你提到的核心规则没错：当绑定值是「表达式」而非单纯的observable引用时，KO会在绑定阶段自动把这个表达式包装成一个computed observable。比如data-bind="text: city().length"这种，KO会把它封装成computed，这样当city变化时，表达式会重新计算并更新视图。

但这里的关键是：这个自动包装逻辑只适用于「需要求值的绑定场景」，而且表达式本身得包含KO能追踪的observable依赖。

你说的把changeCity（一个函数）作为绑定表达式的情况，得分两种常见场景分析：

• 场景1：事件绑定（比如data-bind="event: { change: changeCity }"）
  这种情况下KO并不会把changeCity包装成computed，因为事件绑定的本质是把函数作为回调注册到DOM事件上，只有当对应的事件触发（比如输入框的change事件）时才会调用它。如果你的代码里没触发，大概率是绑定语法错了，或者函数的this上下文不对——比如可以用箭头函数，或者在ViewModel里提前绑定this：this.changeCity = this.changeCity.bind(this)。
• 场景2：值绑定（比如data-bind="value: changeCity"）
  这时候KO会尝试把changeCity当作可求值的表达式：它会执行一次这个函数来获取初始值，但因为函数内部没有依赖任何observable，KO没法追踪到需要重新计算的触发点，所以后续输入框值变化时，不会再调用changeCity。

举个直观的代码例子：

function ViewModel() {
  this.city = ko.observable("New York");
  // 带有observable依赖的函数
  this.changeCity = function() {
    console.log("changeCity 被调用了");
    return this.city().toUpperCase();
  };
}

如果绑定写成data-bind="value: changeCity()"（带括号），KO会把changeCity()包装成computed——因为函数内部依赖了city这个observable，所以当city变化时，会自动重新调用changeCity。但如果是data-bind="value: changeCity"（不带括号），KO只会执行一次函数拿到初始值，后续不会再触发，因为没有可追踪的依赖变化。

额外提醒：KO自动包装computed的核心目的是处理「需要响应式更新的求值逻辑」，如果绑定的是不需要求值的回调函数，或者函数本身没有observable依赖，自然不会触发你预期的重复调用。

内容的提问来源于stack exchange，提问作者OfirD