博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初探数据双向绑定
阅读量:6613 次
发布时间:2019-06-24

本文共 910 字,大约阅读时间需要 3 分钟。

认识Object.defineProperty以及Object.defineProperties

Object.defineProperty会直接在对象上定义新的属性和方法,或者修改存在的属性和方法,并返回这个对象。

语法:

Object.defineProperty(object, propertyname, descriptor)

参数:

  1. object 必需。添加需要修改属性或者添加属性的对象。
  2. propertyname 必需。需要定义或者修改属性的名称(字符串)。
  3. descriptor 必需。属性描述符。通俗说,属性的描述。可以添加数据(数据描述符)属性,或者访问器(存取描述符)属性。数据描述符与存取描述符不可混用,否则报错。后续详解。

descriptor的参数

数据描述符

  1. value-----属性的值,默认为 undefined。
  2. writable-----属性是否可写,当属性的值可以被赋值操作修改时设置为true。默认为false。

访问器描述符

  1. get-----属性的getter方法,属性如果有getter方法,则返回属性值,否则返回undefined。默认为 undefined。
  2. set-----属性的setter方法,属性如果没有setter方法,返回undefined。该方法接收唯一的参数,作为属性的新值。默认为 undefined。

实例

实现input输入,span同时输出功能

        

运行结果

clipboard.png

注意

  1. 当使用了getter或setter方法,不允许使用writable和value这两个属性。
  2. get或set不是必须成对出现,任写其一就可以。如果不设置方法,则get和set的默认值为undefined

Object.defineProperties使用

语法

Object.defineProperties(obj, props)

使用实例

两个input标签之间数据互传

    
输入数据
显示数据

运行结果

clipboard.png

转载地址:http://sqeso.baihongyu.com/

你可能感兴趣的文章
p6spy介绍
查看>>
记一次mysql中浮点类型字段引起的问题
查看>>
笔记本电脑同时连接无线网络(互联网)和有线网络(内网)的方法
查看>>
eclipse离线插件
查看>>
BOM导致的Build failed in Jenkins with error MSB4025
查看>>
渣打迷你编程马拉松(Mini Code Marathon)小记
查看>>
mac 下添加mysql开机启动
查看>>
末日生存者的信条
查看>>
jquery mobile 定时器代码
查看>>
牛人整理的Django资源大全(转载)
查看>>
Android4.0 WiFi 源码解读
查看>>
反序列化坑
查看>>
dubbo源码解读系列之一dubbo项目组成
查看>>
linux中seq命令用法
查看>>
arnold resouces
查看>>
凭兴趣求职80%会失败,为什么
查看>>
URI的常用使用场景
查看>>
详解网络流量监控
查看>>
Ubuntu 修改 IP/DNS
查看>>
Java API 学习 (java 、javax 、org )的理解 (1)
查看>>