2021-05-25

数据劫持浅识

1、检查指定对象中得属性是否被访问,是否被修改,监听,目标对象里得值是否发生改变

Object.defineProperty(targetObj, key, desc);

targetObj:目标对象

key:指定对象里得具体属性或者键

desc:也是一个对象,指对象得描述

2、Object.defineProperty()用来访问一个对象的设置,允许精确地添加或修改对象的属性

劫持即是通过Object.defineProperty()对对象属性的set和get操作与检测

示例:1、get方法是当监听的目标对象的obj的age属性的值被访问的时候,会执行get方法里的操作

           2、set方法是当监听的目标对象obj的age属性的值被修改的时候,会先执行set方法里的操作

小结:监听数据的变化,达到数据的实时渲染操作,可以实现双向绑定。。。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 函数 1.1 函数的 3 种定义方法 1.1.1 函数声明 //ES5 functiongetSum(){}...
    Mrssssss阅读 397评论 0 0
  • 序列文章 JS面试之函数(1)JS面试之数组的几个不low操作(3) 前言 一篇彻底搞懂对象,从此不用担心没对象啦...
    Vicky丶Amor阅读 574评论 0 2
  • Es6 1.数组 1.扩展运算符 是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参...
    林深不見鹿阅读 235评论 0 0
  • 前端基础知识总结 一、JS基础 1、 如何在ES5环境下实现let 对于这个问题,我们可以直接查看babel转换前...
    coderfl阅读 300评论 0 0
  • 1.新的标准规范 ECMAScript2015 是 js 的一种的新的标准规范,就是对 js 的写法上提出了新的语...
    望月从良glh阅读 277评论 0 0