00:00
刚刚呢,咱们聊了聊函数基本的使用方式,它里边如果放入的是一个普通对象,通过这个函数的调用返回来的是一个proxy类型的代理对象。所以呢,我们可以把OBJ叫做目标对象,然后U的对象叫做代理对象。那现在呢,我要向这个里边再加两个需求,咱们来看看啊,这个哪一种方式会会影响我的界面更新。那此时啊,User对象,我们可以管它叫做代理对象。OBJ对象。我们可以管它叫做目标对象。那么我的需求是什么呢?是U的对象或者是OVG对象里边添加一个新的属性,哪种方式会影响我的界面更新啊?User对象或者是OBJ对象。啊,添加一个新的属性,哪一种方式会影响界面的更新。
01:05
同样的,那么我这个user对象中,或者是。OBJ对象中移除一个已经存在的这个属性,那么这个又是哪一种方式会影响我界面的更新?那咱们呢,来看一看啊,那无非就是通过代码的方式去演示一下呗,对不对,那我就来一个什么呢OBJ。点G的等于nine,那这个就是通过BG的方式添加一个新的属性,但是它报错了,那因为啥呢?我的OBG是一个对象,你通过点一法添加这个属性,你也没告诉我这个对象里边这个属性到底是什么类型啊,是不是那么简单的处理方式呢?我们可以这个样子吧,暂时我通过TS方式啊,给它来一个什么呢?ANY类型就任意类型。是吧,冒号啊,那现在呢,大家看一下这个提示就没有了,然后呢,注意啊,我把上面的代码给它注释掉,为了不影响啊,为了让上面的代码在执行的时候不影响我下边这个数据的操作,从而导致我的界面发生什么变化啊,所以说我就把注释掉了,那现在我打开这个界面。
02:18
然后呢,我们重新的去刷新一下啊,这块报错了是吧,是因为我的这个冒号的问题导致的啊,格式化一下,我再保存一下。然后现在我们再刷新一下就好了啊。那OK,嗯,但是我现在这里边儿有个问题啊,就是我的这种写法,写完之后呢,界面看不到效果是不是怎么办呢?我在这儿吧,再加上一个H3标签。呃,H3,然后来一个叫性别吧,括号,括号有点。Gender OK。保存一下。那么我们再来刷新一下啊。现在我这样一点,它我们看界面没有更新是不是,那么proxy这个对象里边target当中,哎确实有一个gender,哎,那也说属性确实加到对象上去了,但是我的界面有没有更新呢?没有是吧,好加个注释啊这种方式那界面没有更新渲染。
03:20
嗯,看来不行是不是好,那当然了,既然它不行,那我现在把这个I呢,就先给它先去掉吧。注释一下,换个行改回来。好,我把它拿过来啊,这个位置我加一个注释啊,是为了在使用OB,这点真的等于啊,难的时候不出现这种什么呢,错误的提示信息才这么书写的。把这个加上啊好,那现在呢,我就再来呗,是不是我再来,我用user的方式点真得等于什么呢?难诶,他也给我报这个错了,是不是也是关于类型的问题,那这种方式解决呢?那么我们来看啊,我可不可以把上面的代码给它打开,然后把下边这个注释。
04:17
是不是这个错误没有了吧,是吧,哎,也可以是吧,好,那我除了这种方式以外,诶我把这个去掉除掉,我可不可以在这个这个位置用一个兼括号里边我写上一个什么呢?An NY呢,任意类型,相当于是泛型的方式吧,对吧?诶我们来看这个错误也没有了是吧?好格式化保存。然后我们继续的再刷新。之后呢,我再点一下,诶界面更新了是吧,能够显示性别男,我们再看看这个。对象里边target当中有没有针对有啊有好,那现在由此证明。什么呢,这种方式诶界面。可以更新渲染啊,因为它是一个什么数据呢,响应式的数据逗号,而且这个数据。
05:08
最终也添加到了什么呢?OBG对象上呢?比如说在哪呢?我怎么没看见,哎,这个时候我们需要知道这个target里边就是我们的目标对象嘛,是吧,目标对象就是objg里边确实有,是真掉了是不是好,那以后的话,如果说我们希望操作这个数据,并且希望影响界面的更新,那么我们应该用这个代理对象,而不是目标对象,对不对?好,那我们再来看啊,如果说我想把这个对象里边已经存在的属性给它删除掉,应该用谁呢?比如说de delete o。点什么呢?嗯,点age吧,好,然后我去保存一下,我们再来看啊。刷新。我去一点界面没有更新。目标对象里边确实也没有了这个age是吧,好。加上注释啊,这个界面没有更新渲染啊,但是OJ中确实没有了什么呢,这个age这个属性,这是我们的目标对象。
06:14
好再来,我如果用delete来一个什么呢,有点点H。再保存,我们再来看一下。刷新。好,然后我去点一下大家看年龄的值没有了,再点一下这个目标对象上面的A也没有了是吧?好,那这种方式呢,界面更新渲染了,然后呢,OBG中确实没有了什么呢?这个A这个属性。啊,那最终呢,我们可以做一个总结啊,这个总结就是什么呢。如果操作代理对象,那么目标对象中的数据也会随之变化。
07:03
同时,如果。如果想要在操作数据的时候。界面也要跟着干嘛呢,重新更新渲染。那么就用谁呢啊。啊,不用就用了是吧,看啊如果操作代理对象,目标对象中的数据也会随之变化,同时如果想要在操作数据的时候,界面也要跟着重新渲染,重新更新渲染啊,那么逗号啊,那么也是操作什么呢?这个代理对象啊,这块的话我们可以加上两个字。叫总结吧,哎,搞定啊行了,那这个小问题呢,咱们就说完了啊,说完之后呢,那么行,我们再接着往后去讲啊,这块呢,咱们先到这。
我来说两句