Fe-interview: [vue] vue能监听到数组变化的方法有哪些？为什么这些方法能监听到呢？
[vue] vue能监听到数组变化的方法有哪些？为什么这些方法能监听到呢？
haizhilin2013
All 19 comments
你说的是vue内部的源码对Array数据的中转代理嘛
好像对push, shift等通用方法都做了代理吧!
因为它对中转的数据都做了监听
wenyejie
on 27 Jun 2019
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
数组更新检测
AllySu
on 29 Jun 2019
楼上的这些方法，都是在框架内重写过的，并不是原生的方法了，新的方法 里面增加了监听
Kntt
on 4 Jul 2019
@Kntt 知道框架内是怎么重写的吗？
haizhilin2013
on 4 Jul 2019
@haizhilin2013
这不算偷懒吧
Kntt
on 4 Jul 2019
@Kntt 牛，直接上源码！只要你能看得懂，能理解就好
haizhilin2013
on 4 Jul 2019
把数组原有的方法， 继续执行， 后面增加了ob.dep.notify() 这个是关键
Kntt
on 4 Jul 2019
那你知道这个ob的dep属性是用来做什么的吗？有研究过吗？
haizhilin2013
on 4 Jul 2019
这个里面放着订阅者模式里面的订阅者，通过notify来通知订阅者做处理， 这里面源码也都看过， 时间久了淡忘了， 一会回去再看一遍 哈哈
Kntt
on 4 Jul 2019
在源码中，有好几处地方都调用了ob.dep.notify()，你想下，你觉得大概会在什么时候调用到它呢？像刚才的数组方法的重写算是一个。
haizhilin2013
on 4 Jul 2019
先不去翻开源码，可以结合你自己的理解
haizhilin2013
on 4 Jul 2019
嗯， 最直接的地方是 劫持的set里面
Kntt
on 4 Jul 2019
@Kntt 很棒哦！像对象的set和del都会调用它这个方法进行通知
haizhilin2013
on 4 Jul 2019
这是vue的核心之一， 订阅者模式里面的广播， 还一块就是订阅者的收集， vue利用defineProperty, 把这两件事做了
del里面我还真忘了， 这几天没事再看看源码，每看一遍都哟不同的收获～～
Kntt
on 4 Jul 2019
是啊，多看有益，每次都会有不同的收获！非常棒！
vue还有好些题目，相信对你来说应该很轻松了！
haizhilin2013
on 4 Jul 2019
这几天一直在看这个repo， 看到不会的或者不熟的就去补一补
Kntt
on 4 Jul 2019
感谢关注！能对大家起到一丁点的作用，我也就满足了！
坚持积累，查漏补缺，看来你已经明白了此开源项目的真正意义了！并不是纯粹为了刷面试题而来的！
haizhilin2013
on 4 Jul 2019
楼上很像在面试
vipbo
on 24 Jul 2019
楼上很像在面试
同感
liushengguang
on 7 May 2020
Related issues
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
Most helpful comment
楼上很像在面试