Object.defineProperty问题

  • Object.defineProperty() 无法监控到数组下标的变化。vue只能通过以下几种方法来监听
pop()
shift()
unshift()
splice()
sort()
reverse()

以上几种方法也是经过vue内部处理后才能监听的。

  • 只能劫持对象的属性,因此我们需要对每个对象的每个属性进行遍历

Proxy

特点:

  • 可以劫持整个对象,并返回一个新对象
  • 有13种劫持操作
  • Proxy是es6提供的,兼容性不好,无法用polyfill磨平

Proxy使用:

es6提供proxy构造函数,第一个参数target:是所要代理的目标对象,可以是空对象。第二个handler是拦截器,一个拦截器可以有多个拦截操作

所有的对target的操作都落在proxy上了。

拦截操作一共有13个

更多拦截操作信息>>

Reflect

反射:通过类的类类型来操作类的属性。包含来对象语言内部的方法,一共有13种,和proxy一一对应,如果在Proxy中调用Reflect的话,其实对应的就是默认行为。

Proxy的this指向

虽然 Proxy 可以代理针对目标对象的访问, 但它不是目标对象的透明代理,即不做任何拦截的情况下,也无法保证与目标对象的行为一致。主要原因就是在 Proxy 代理的情况下,目标对象内部的this关键字会指向 Proxy 代理。

最新文章

  1. Fatal error: Call to undefined function curl_init()问题
  2. qq2440启动linux后出现错误提示request_module: runaway loop modprobe binfmt-464c
  3. [性能] Bean拷贝工具类性能比较
  4. Machine Schedule(最小覆盖)
  5. [POJ] #1005# I Think I Need a Houseboat : 浮点数运算
  6. uva 12253 - Simple Encryption(dfs)
  7. java中ExecutorService接口
  8. Redis操作命令大全(NodeJS版)
  9. poj 1088 滑雪(贪心算法)
  10. 【angularjs】【学习心得】ng-class总结
  11. 从零开始搭建Salt Web之封装salt-api接口
  12. Servlet实践--留言板-v1
  13. Windows Server 2016-三种方法备份还原DHCP服务器
  14. 如何创建测试程序调试nginx数据结构
  15. Confluence 6 针对 'unmigrated-wiki-markup' 宏重新尝试合并
  16. Java线程实现与安全
  17. nginx 之 proxy_redirect详解
  18. Appium移动自动化测试入门及简单实例(python)
  19. python opencv 人脸识别
  20. 【Android】3.25 示例25--调启百度地图

热门文章

  1. laravel+vue+vuetify 前端匹配不到数据记录 No matching records found
  2. Unity NGUI C#性能优化
  3. MySQL 增删查改 必知必会
  4. HDU - 5775-Bubble Sort(权值线段树)
  5. python之结合if条件判断和生成随机数的相关知识,完成石头剪刀布的游戏
  6. axure rp extension for chrome怎么用
  7. CentOS 7常用命令
  8. Kubernetes笔记(五):了解Pod(容器组)
  9. html基础:css样式1
  10. Beauty Contest(POJ 2187)