proxy的基本用法

简介: proxy的基本用法

  proxy的基本用法

  看一下MDN对proxy的定义:Proxy 对象用于定义基本操作的自定义行为(如属性查找、赋值、枚举、函数调用等)。

  语法:

  const p = new Proxy(target, handler)

  1

  所以根据proxy的特性,我们可以看到,使用了proxy,我们代码的预期性会变差。

  看一下proxy的基本用法:

  let object = {

  a:1,

  b:2

  }

  let po = new Proxy(object, {

  set(obj, prop, val){

  console.log(obj, prop, val);

  }

  })

  通过对object包装proxy,我们可以通过po.a = 3调用其中的set方法。

目录
相关文章
|
存储 JavaScript 前端开发
掌握这34个知识点,助你快速入门TS
TypeScript现在几乎已经是所有前端程序员必备的技能了,现在的各大框架已经全部采用TS进行开发。本篇文章总结了TS中常用的知识点,希望能对你有所帮助。
1237 0
uniapp页面之间通信、传参、传值方法(父→传→子,子→传→父);获取被打开页面的数据→传→当前页面;当前页面的数据→传→被打开页面
uniapp页面之间通信、传参、传值方法(父→传→子,子→传→父);获取被打开页面的数据→传→当前页面;当前页面的数据→传→被打开页面
|
11月前
|
前端开发
使用 Promise.all 处理多个 Promise 同时失败的情况
【10月更文挑战第26天】通过以上几种方法,我们可以根据具体的需求和环境选择合适的方式来处理多个 `Promise` 同时失败的情况,从而更好地进行错误处理和程序的稳定性保障。
789 2
vue3 中 h 函数的使用
vue3 中 h 函数的使用
231 0
|
资源调度 前端开发 JavaScript
秒懂 Yarn:从安装配置到高效使用的全攻略
秒懂 Yarn:从安装配置到高效使用的全攻略
|
12月前
|
机器学习/深度学习 移动开发 JavaScript
Web实时通信的学习之旅:SSE(Server-Sent Events)的技术详解及简单示例演示
Web实时通信的学习之旅:SSE(Server-Sent Events)的技术详解及简单示例演示
4685 0
|
移动开发 前端开发 weex
React Native、Weex、Flutter 混合开发技术的比较与选择
移动应用已经成为人们日常生活中不可或缺的一部分,而混合开发技术也随之崛起并逐渐成为主流。本文将比较 React Native、Weex 和 Flutter 三种混合开发技术,并探讨它们各自的优缺点,以及如何根据项目需求做出选择。
484 1
|
存储 JavaScript 前端开发
|
JavaScript API
Vue3 官方文档速通(中)
Vue3 官方文档速通(中)
2273 0
|
缓存 JavaScript 前端开发
WEB前端高频面试题(五)—— Vue 八股文
WEB前端高频面试题(五)—— Vue 八股文
590 0