fastjson 添加key value_仿写Vue(八)添加数组的方法

八、添加数组的方法

自己动手实践,就会更加深刻的理解

这次处理数组的七个方法,使其成为响应式。

01、获取数组原型对象


重写每一个函数不现实,所以打算先获取数组的原型对象,然后生成一个新的对象来继承此原型对象,这个新的对象就拥有数组的一切属性方法,且不会对原生的数组产生任何影响。

/** 

02、重写方法


我们需要覆盖七个方法:

const 

对于 push, pop, splice,响应式数组唯一不同的地方在于,对于往数组新加的数据项,需要保证其仍然是响应式的。其他的方法,要么是更改数据的位置,要么是删除某些数据,都不需要额外的处理,只需调用原来的方法即可。

function 

03、效果图


数据初始化:

const 

c9e41b6a86677bde9a5e079cfdfc28f5.png

可以看到 arr 中确实拥有了第四项,且同样是响应式的。

源代码在github上,请点击阅读原文查看~

a0693b05d49dce584037b2e093862b68.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值