Javascript 深度比较

Question

有人问过关于对象深度比较的问题，我有解决方案。但是解决方案中有一行我不完全理解。

这是solution，这是Ch 4 of Eloquent JS中比较对象的问题。我得到了所有的东西，除了这条线：

    if (!(prop in a) || !deepEqual(a[prop], b[prop]))

它位于底部。这是完整的功能：

function deepEqual(a, b) {
  if (a === b) return true;

  if (a == null || typeof a != "object" ||
      b == null || typeof b != "object")
    return false;

  var propsInA = 0, propsInB = 0;

  for (var prop in a)
    propsInA += 1;

  for (var prop in b) {
    propsInB += 1;
    if (!(prop in a) || !deepEqual(a[prop], b[prop]))
      return false;
  }

  return propsInA == propsInB;
}

if (!(prop in a) 是在比较该索引处“b”中属性的存在，还是比较值？

真的是一样的q。关于下半年，但我知道这是一个不同的答案：!deepEqual(a[prop], b[prop]) 进行什么类型的比较（例如，对或错）？我理解递归，但与我之前的问题一样，这是进行“它存在”比较，还是比较值中的信息？

提前谢谢你。

Answer 1

According to MDN:

如果指定的属性在指定的对象中，in 运算符返回true。

Also:

for...in 语句 以任意顺序迭代对象的enumerable properties。对于每个不同的属性，可以执行语句。

所以要回答您的第一个问题，prop in a 正在检查对象b 中的字段prop 是否存在于对象a 中。

为了回答您的第二个问题，deepEqual(a[prop], b[prop]) 正在检查对象 a[prop] 和 b[prop] 是否相等，包括其所有子对象和内容。

Answer 2

in 运算符返回 true，如果表达式右侧的对象包含具有表达式左侧字符串值的键。

例如：如果a 包含与prop 的字符串值同名的键，则prop in a 为真。例如：

var prop = "age";

var obj1 = {
    name: "Dave",
    age: 21,
    record: { ... }
};
var obj2 = {
    name: "John",
    record: { ... }
};

console.log(prop in obj1); // true
console.log(prop in obj2); // false

如果prop 设置为"record"，则deepEqual(a[prop], b[prop]) 递归比较a.record 和b.record 中的值。

Answer 3

它正在检查是否存在。它说：“对于 B 中的每个属性，检查 A。如果 A 没有该属性，或者如果 A 上的属性值与 B 上的属性值不完全相等，则返回 false”。

另一种实现将避免对该行的存在性检查，而是在函数顶部使用if (typeof A == 'undefined') 在每轮递归开始时验证输入参数...乍一看，我认为'会是等效的，但效率较低。当前实现避免了对未定义属性的调用。