javascript - knockout 点击绑定(bind) : onClick vs. onClick()

Question

我有使用类似 this 的 knockout 的简单代码在里面我有一个将名字大写的函数:

self.capi = function(){
    self.firstName(self.firstName().toUpperCase());
}

当我点击 Capi 按钮时，这个函数就会被执行。但我在这里感到困惑的是，当我使用 data-bind="click: capi" 时，它对我来说效果很好。但是如果我使用data-bind="click: capi()"，无论我是否点击按钮，名字都是大写的？谁能在这里为我解释一下 data-bind="click: capi()" 和 data-bind="click: capi"

之间有什么区别

Answer 1

从技术上讲，Knockout 处理这些绑定(bind)的方式是相同的。

有点。

它们都将一个函数绑定(bind)到点击事件，正如预期的那样，但是当您将这些 () 粘在末尾时，会发生不同的情况。这告诉 Knockout 不仅在单击时运行它，而且在处理它时立即运行它。这对于设置初始状态非常有用，例如如果您想向用户展示按下按钮时发生的情况的示例。

TL;DR

它们的工作原理相同，但 data-bind="click: capi()" 都会在点击和加载页面时调用。