麻烦老师把箭头指向的这俩部分内容能解释下吗

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2022-06-06 15:36:25

同学你好,问题解答如下:

1、Proxy是js中提供的一个方法,可以理解为在目标对象前设置了一层拦截,外界访问该对象,都必须经过这层拦截,所以使用了这种机制,可以对外界的访问进行过滤和改写,从而实现当数据变化时,触发模板等内容的更新。

简单了解下基本使用方式,不理解也没关系,目前重点是记住ref和reactive的使用。示例:

// 目标对象
const target = {id: "target"}
// 创建Proxy实例
const p = new Proxy(target,{
    get() {
        return "test"
    },
    set() {
        console.log('set')
    }
})
// 设置id的值
p.id = "t" // 触发set方法,输出set

Proxy构造函数接收两个参数,第一个参数就是要代理的目标对象,第二个参数就是一个配置对象,对于每一个被代理的对象,可以提供一个相应的处理函数,该函数拦截对应的操作。

2、proxy({value:'dell'}) 这种形式可以理解为是固定的形式,因为vue提供的ref方法,在底层源码实现时结合Proxy构造函数进行了封装处理,所以使用调用ref方法,会对传入的参数dell进行处理,最终返回结果为proxy({value:'dell'}) ,表示该数据是响应式的。

祝学习愉快~

  • 提问者 球球不一般 #1

    老师记住使用格式就行吗https://img1.sycdn.imooc.com//climg/629daf30096c323608700065.jpg

    2022-06-06 15:39:44
  • 提问者 球球不一般 #2

    老师Proxy知识点哪里讲了麻烦告诉下,我回去复习

    2022-06-06 15:54:33
  • 好帮手慕慕子 回复 提问者 球球不一般 #3

    问题解答如下:

    1、是的,目前先记住格式就行,运用的多了,熟练后自然就懂了。

    2、前面课程中没有讲解Proxy,实际开发中,初级前端开发工程师几乎使用不到,暂时了解下有个知识点就可以,以后工作中要是真的遇到了,再结合文档深入研究。

    祝学习愉快~

    2022-06-06 17:48:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师