前端每日一题（10.18题目+10.17答案）

前端猎手

哈喽，大家好

我是法医

快来和法医一起看看

今天的前端每日一题吧

10月18日~面试题：

10月17日~参考答案：

说一下在 Vue2.x 中如何检测数组的变化？

Vue2.x 中实现检测数组变化的方法，是将数组的常用方法进行了重写。Vue 将 data 中的数组进行了原型链重写，指向了自己定义的数组原型方法。这样当调用数组 api 时，可以通知依赖更新。如果数组中包含着引用类型，会对数组中的引用类型再次递归遍历进行监控。这样就实现了监测数组变化。

流程:

1. 初始化传入 data 数据执行 initData
2. 将数据进行观测 new Observer
3. 将数组原型方法指向重写的原型
4. 深度观察数组中的引用类型

有两种情况无法检测到数组的变化。

• 当利用索引直接设置一个数组项时，例如 vm.items[indexOfItem] = newValue
• 当修改数组的长度时，例如 vm.items.length = newLength

不过这两种场景都有对应的解决方案。

• 利用索引设置数组项的替代方案

//使用该方法进行更新视图
vm.$set，Vue.set的一个别名
vm.$set(vm.items, indexOfItem, newValue)

• 修改数组的长度的替代方案

//使用该方法进行更新视图
Array.prototype.splice
vm.items.splice(indexOfItem, 1, newValue)

每天都会有一道面试题，大家的积极参与和讨论，是我继续下去的动力，希望大家踊跃互动，共同进步！保持学习，每天进步一点点！

大家可以将自己的想法在评论区留言，答案我会在明天每日一题中公布！