JS对象浅比较?

Question

求个JS对象浅比较发生的场景例子

Answer 1

浅比较就是仅用===来比较左右两边是否是同一个对象引用

{a:1} === {a:1} // false
const m = {a:1};
const n = {a:1};
m === n //false
const m = {a:1};
const n = m;
m === n //true
const m = {a:1};
m === {a:1} //false;

Answer 2

判断是否是同一个 组件实例 就会用到浅比较，比如判断 某个组件 是否存在于一个组件列表中

// 判断 组件实例 是否存在于某个列表中
let components: Component[]

function hasComponent(target: Component) {
    return !!components.find((c) => c === target)
}