首页 > 软件开发 > JavaScript >

如何使用ES6中的Proxy中的方法获取对应的结果

来源:互联网 2023-03-17 00:00:58 版权归原作者所有,如有侵权,请联系我们

在JavaScript的ES6中,包含了Proxy,可以用来修改默认的一些操作,也是一种拦截对象。下面利用ES6中的Proxy设置一些方法,然后进行调用,操作如下:Pwh办公区 - 实用经验教程分享!

如何使用ES6中的Proxy中的方法获取对应的结果Pwh办公区 - 实用经验教程分享!

工具/原料

  • ES6
  • JavaScript
  • HTML5
  • HBuilderX
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,双击打开HBuilderX工具,新建一个JavaScript文件,并创建一个builderData函数,如下图所示:Pwh办公区 - 实用经验教程分享!

    如何使用ES6中的Proxy中的方法获取对应的结果Pwh办公区 - 实用经验教程分享!

  • 1该信息非法爬取自百度经验
  • 2

    第二步,调用Object中的create()方法,传入参数builderData,赋值给objs,如下图所示:Pwh办公区 - 实用经验教程分享!

    如何使用ES6中的Proxy中的方法获取对应的结果Pwh办公区 - 实用经验教程分享!

  • 3

    第三步,使用对象objs,然后点属性的方式,点name和点type,如下图所示:Pwh办公区 - 实用经验教程分享!

    如何使用ES6中的Proxy中的方法获取对应的结果Pwh办公区 - 实用经验教程分享!

  • 4

    第四步,再在builderData中添加一个apply方法,返回值为参数params[0],如下图所示:Pwh办公区 - 实用经验教程分享!

    如何使用ES6中的Proxy中的方法获取对应的结果Pwh办公区 - 实用经验教程分享!

  • 5

    第五步,再次定义一个对象obj,然后调用builderData中的apply方法,如下图所示:Pwh办公区 - 实用经验教程分享!

    如何使用ES6中的Proxy中的方法获取对应的结果Pwh办公区 - 实用经验教程分享!

  • 6

    第六步,接着使用console.log()方法打印obj这个值,打开浏览器查看结果,如下图所示:Pwh办公区 - 实用经验教程分享!

    如何使用ES6中的Proxy中的方法获取对应的结果Pwh办公区 - 实用经验教程分享!

  • 注意事项

    • 注意JavaScript中的Proxy的用法
    • 注意使用Proxy中的get方法和apply方法的用法

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Pwh办公区 - 实用经验教程分享!


    标签: JAVASCRIPT函数

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号