Question

任何可剔除的subscribe()都应在值发生变化时调用。但是在下面的代码片段中，即使将相同的值分配给了可观察的对象两次，subscribe也会被调用。我可以理解，一旦订阅将被调用（即第一次给x赋值y时），但我不明白的是为什么第二次被调用，而赋值没有变化？有人可以帮我了解订阅的工作吗？

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
    var x = ko.observableArray([]);
    var y = [1]; 
    var oldVal = '';   
    x.subscribe(function(newVal){
   
      alert("newVal: "+newVal+" oldVal: "+oldVal);
       console.log("newVal: "+newVal+" oldVal: "+oldVal);
      var type = newVal instanceof Array;
      alert(type);
      oldVal = newVal;
    });    
    x(y);        
    x(y);
   
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

Answer 1

任何可删除的可操作对象的subscription（）仅应在值发生更改时调用。

根据淘汰赛维护者的说法，这并非完全正确。

淘汰赛使用equalityComparer来确定新值是否不同于旧值：

console.log(
  ko.observable.fn.equalityComparer
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-debug.js"></script>

如您所见，如果值是原始的，它实际上只会执行===。其他任何值，例如对象，数组和函数，都总是触发更改。

我通常通过覆盖默认值来“解决”此问题：

const someObj = {};
const someObs = ko.observable(someObj);

someObs.subscribe(console.log);

// Logs {}
console.log("with regular eq comparer");
someObs(someObj);

// Change equalityComparer for *every* observable:
ko.observable.fn.equalityComparer = (a, b) => a === b;

// No longer logs:
console.log("with custom eq comparer");
someObs(someObj);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

如果您不想覆盖所有equalsComparers，也可以仅在一个可观察的实例上进行更改。

默认行为的原因是，许多人希望这会触发更新：（当您使用我的自定义比较器时不会）

const someObj = { a: 1 };
const someObs = ko.observable(someObj);

someObj.a = 2;
someObs(someObj)

Knockout的ObservableArray订阅何时被调用

1 个答案: