模仿reactive实现原理

简介: 模仿reactive实现原理

  模仿reactive实现原理

  vue中的reactive也是通过proxy来实现的,我们就把reactive的实现作为一个练习。

  首先是实现基础的get和set方法:

  let object = {

  a:1,

  b:2

  }

  let po = reactive(object)

  function reactive(object) {

  return new Proxy(object, {

  set(obj, prop, val){

  obj[prop] = val;

  console.log(obj, prop, val);

  return obj[prop];

  },

  get(obj, prop) {

  console.log(obj, prop);

  return obj[prop];

  }

  })

  }

目录
相关文章
|
9月前
|
存储 缓存 JavaScript
深入浅出 RxJS 核心原理(响应式编程篇)
在最近的项目中,我们面临了一个需求:监听异步数据的更新,并及时通知相关的组件模块进行相应的处理。传统的事件监听和回调函数方式可能无法满足我们的需求,因此决定采用响应式编程的方法来解决这个问题。在实现过程中发现 RxJS 这个响应式编程库,可以很高效、可维护地实现数据的监听和组件通知。
181 0
深入浅出 RxJS 核心原理(响应式编程篇)
|
缓存 Cloud Native Java
Java工具篇之Reactive 反应式编程
reactive 是一种新的编程思想, 如同名字一样, 反应式编程。而Reactor 是一个工具包,类似于 Spring一样。这点我们可以直接在Spring的官网上可以看到。本篇基于小编自己的学习进行总结。
2507 0
Java工具篇之Reactive 反应式编程
|
1天前
|
JavaScript 调度
探究 $nextTick 的实现原理
探究 $nextTick 的实现原理
6 2
|
5月前
|
JavaScript API
【源码&库】跟着 Vue3 的源码学习 reactive 背后的实现原理
【源码&库】跟着 Vue3 的源码学习 reactive 背后的实现原理
47 0
|
5月前
|
存储 JavaScript API
【源码&库】Vue3 的响应式核心 reactive 和 effect 实现原理以及源码分析
【源码&库】Vue3 的响应式核心 reactive 和 effect 实现原理以及源码分析
28 0
|
7月前
|
JavaScript
Vue3 Reactive及其衍生函数 源码探析
Vue3 Reactive及其衍生函数 源码探析
|
JavaScript 前端开发 算法
Vue的工作原理是什么?底层原理是什么?
Vue的工作原理是什么?底层原理是什么?
547 0
|
8月前
|
缓存 前端开发
前端经典面试题 | Computed 和 Watch 的区别
前端经典面试题 | Computed 和 Watch 的区别
手撸vue3核心源码——响应式原理(reactive以及effect)
手撸vue3核心源码——响应式原理(reactive以及effect)
|
9月前
|
缓存
手写vue3核心源码——响应式原理(Computed篇)
手写vue3核心源码——响应式原理(Computed篇)