android object数组赋值_VUE2.X为什么只对数组的部分方法实现了数据监测？
Vue2.x 中被大家吐槽的最多的一点就是针对数组只实现了push,pop,shift,unshift,splice,sort,reverse 这七个方法的监听，通过数组下标改变值的时候，是不能触发视图更新的。
所以是不是说Object.defineProperty不能对数组进行数据检测呢？让我们来一探究竟！
控制台分别打出了取值和赋值，可以看出是错怪Object.defineProperty了，他是可以检测到数组的数据变化的。那么问题又来了，为什么vue作为一个成熟的库不去对数组所有的方法做数据检测呢？
我们首先看一下数据的结构
从数组的数据结构来看，数组也是一个 Key-Value 的键值对集合，只是 Key 是数字罢了，自然也可以通过 Object.defineProperty 来实现数组的下标访问和赋值拦截了。其实 Vue2.x 没有实现数组的全方位监听主要有两方面原因：
- 数组和普通对象相比，JS 数组太"多变"了。比如：arr.length=0，可以瞬间清空一个数组；arr[100]=1又可以瞬间将一个数组的长度变为 100(其他位置用空元素填充)，等等骚操作。对于一个普通对象，我们一般只会改变 Key 对应的 Value 值，而不会连 key 都改变了,而数组就不一样了 Key 和 Value 都经常增加或减少，因此每次变化后我们都需要重新将整个数组的所有 key 递归的使用 Object.defineProperty 加上 setter 和 getter，同时我们还要穷举每一种数组变化的可能，这样势必就会带来性能开销问题，有的人会觉得这点性能开销算个 x 呀，但是性能问题都是由小变大的，如果数组中存的数据量大而且操作频繁时，这就会是一个大问题。React16.x 在就因为在优化 textNode 的时候，移除了无意义的 span 标签，性能据说都提升了多少个百分点，所以性能问题不可小看。
- 数组在应用中经常会被操作，但是通常 push,pop,shift,unshift,splice,sort,reverse 这 7 种操作就能达到目的。因此，出于性能方面的考虑 Vue2.x 做出了一定的取舍。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！