浅比对与深比对
PureComponent 是 React 15.3.0 新增了一个的类,它相当于默认实现了shouldComponentUpdate 方法,会自己去比较 props 和 state 的变化。
新旧 Props 和 State,在 PureComponent 里是依靠 shallowEqual 比对的。
shallowEqual 来自另外一个库 facebook/fbjs 。
var shallowEqual = require('fbjs/lib/shallowEqual');
如果是简单的值的话,那肯定是可以判定的,这没得说。如果是 Object 或者 Array 的话,也能判断比较 key 下面的一层,但如果嵌套层级很深的话,是无法进行全比对判断的。
那回到我们组件的 props 和 state 来研究研究。
组件的 props 和 state 本身就是一个 object,所以只会判断 key 下面那一层,更下层级的是忽略的。
如果是 number,布尔值,字符串,那肯定是能判断的清清楚楚的,如果是 array 或者 object,那肯定是只能判断下是否是引用。
网友评论