Object defineProperty属性详解

最新推荐文章于 2024-08-02 17:37:45 发布
最新推荐文章于 2024-08-02 17:37:45 发布
阅读量1k 收藏 1
点赞数
分类专栏： js 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44724176/article/details/109477581
版权

Object defineProperty属性详解

  • Object.defineProperty(obj，prop，descriptor)是es5的
  • 它会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。
    在这里插入图片描述
  • 参数
    obj：必需。目标对象
    prop：必需。需定义或修改的属性的名字
    descriptor：必需。目标属性所拥有的特性
  • descriptor参数的属性
    value：属性值
    writable：是否可写
    enumerable：是否可枚举
    Configurable:表示能否通过delete删除属性从而重新定义属性
  • 当用Object.defineProperty定义一个新属性时候他的writable、enumerable、Configurable默认是关闭的；当用它修改一个现有属性是这些值是默认开启的；
    在这里插入图片描述
  • 使用存取描述符get、set
    获取属性值的时候会进入get方法
    在这里插入图片描述

赋值属性值时会进入set方法
在这里插入图片描述

  • Object.defineProperties可以去批量定义修改多个属性

在这里插入图片描述

千秋~
关注
专栏目录
Object.defineProperty详解
十年代码写十年
10-18 247
一、简介 兼容性 在ie8下只能在DOM对象上使用，尝试在原生的对象使用Object.defineProperty()会报错。 定义对象可以使用构造函数或字面量的形式 var obj = new Object; //obj = {} obj.name = "张三"; //添加描述 obj.say = function(){}; //添加行为 除了以上添...
Object.defineProperty方法（详解）
m0_67265919的博客
03-03 408
OK，这一篇主要想说一下Object.defineProperty这个方法。 这个方法也是Vue数据双向绑定原理的常见面试题 所以也是有必要好好掌握的哦 首先我们知道JS中是支持面向对象编程的，也是有着对象和类这样的概念。 我们常见创建对象的方法应该是这样： var p1 ={ name:"lisi", } 那我们Object.defineProperty这个方法有什么用呢 这个方法接收三个参数: 1.属性所在的对象 2.属性的名字 3.一个描述符对象 这个描述符对象是个什么东西呢？ 他可以是
Object.defineProperty()属性介绍
weixin_30897233的博客
04-27 84
　　对象是由多对key/value组成得无序集合，通过object.key=value来设置属性外，还可通过Object.defineProperty定义新属性或修改原有的属性。 　　语法：Object.defineProperty(obj, prop, descriptor)： 　　　　　参数： 　　　　　　1 obj：必需。目标对象 　　　　　　2 prop：必需。需定义或修...
Object.defineProperty() 的属性和用法
时间飞逝的博客
01-22 1352
Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。 1、用法： Object.defineProperty(obj, prop, descriptor) obj：要在其上定义属性的对象。 prop：要定义或修改的属性的名称。 descriptor：将被定义或修改的属性描述符。 2、defineProper...
【JS】Object.defineProperty与Proxy
最新发布
owo_ovo的博客
08-02 1298
【JS】Object.defineProperty与Proxy
浅谈Object.defineProperty()
cai_niao5623的博客
10-27 211
前言 Object.defineProperty()是直接在一个对象上定义一个新的属性，或者是修改已存在的属性。最终这个方法会返回该对象。简单来说就是为对象定义属性。那么在我们使用 Object.defineProperty()之前，我们是如何给对象添加或者修改属性的，下面看代码 var obj = {} obj.name = '张三' obj['age'] = 18 console.log(obj) // {name: "张三", age: 18} 我们可以很简单的就为对象添...
详解Object.defineProperty()方法
前端笔记——放弃很容易,但坚持一定很酷
11-29 1192
它提供了一种更底层和灵活的方式来定义属性，可以设置属性的配置（如可枚举性、可配置性、可写性等），并且可以定义属性的getter和setter函数。设置了writable、enumerable、configurable属性的值为true之后，age属性可以被枚举，可以被修改，可以被删除。- `writable`：属性的可写性。- `descriptor`：一个描述符对象，用于定义或修改属性的特性。- `value`：属性的值，默认为`undefined`。- `set`：设置属性值的函数。
Object.defineProperty定义对象属性
liuhua_2323的博客
12-23 4524
Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。 语法: Object.defineProperty(obj, prop, descriptor) 参数： obj 要在其上定义属性的对象。 prop 要定义或修改的属性的名称。 descriptor 将被定义或修改的属性描述符。 value：属性...
JavaScript的Object.defineProperty详解
10-18
// 打印{value: "Fundebug", writable: false, enumerable: false, configurable: false} `Object.defineProperty()` 是JavaScript中的一个非常重要的方法，它允许我们对对象的属性进行细粒度的控制。这个方法接收...
Object.defineProperty()方法详解
tiankai戈
12-23 9070
文章目录Object.defineProperty()参数描述创建属性修改属性Enumerable 特性Configurable 特性添加多个属性和默认值Setters 和 Getters Object.defineProperty() Object.defineProperty() 方法直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象。 Object.defineProperty(obj, prop, descriptor) 参数 obj 需要定义属性的对象。 prop 需
Object.defineProperty()
衣乌安、随笔
11-18 967
该方法允许精确添加或修改对象的属性. Object.defineProperty(obj, prop, descriptor) obj: 要在其上定义属性的对象。 prop: 要定义或修改的属性的名称。 descriptor: 将被定义或修改的属性描述符。 ---------------------------------------------------------...
Object.defineproperty
书中自有妍如玉的博客
08-19 3024
Object.defineproperty 的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性.。configurable:true //控制属性是否可以被删除，默认值是false。enumerable:true, //控制属性是否可以枚举，默认值是false。writable:true, //控制属性是否可以被修改，默认值是false。，获取值的时候会被调用，不设置时为。是获取值的时候的方法，类型为。是设置值的时候的方法，类型为。，设置值的时候会被调用，...............
JS属性描述符之Object.defineProperty()定义对象属性特性
weixin_34342905的博客
11-25 1191
一、Object.defineProperty的作用 用来给对象新增属性，和修改对象中的属性。 二、JS对象中的描述符 js对象中两种属性描述符：数据描述符和存取描述符（访问描述符）。 注意事项： 1、数据描述符和存取描述符都具备configurable、enumerable属性。 2、描述符不具备value，w...
html 前端传入后台为object_小前端读源码 - React16.7.0(一)
weixin_35846141的博客
12-23 252
2019年，前端的情况暂时还是三足鼎立的局面，React，Vue和Angular。平常开发中我们基本上离不开框架的使用，但是大部分人也只是了解如何使用，或者深入一点的就是知道用什么框架做什么样的功能会有什么样的坑（经验所谈）。但是又有多少人愿意去认真读一读框架的源码，深入理解背后的逻辑呢？因为现在所在公司使用的是React，那么我将会一连串的写好几篇关于React的源码阅读文章，一步一步深入去了解...
WEB前端向服务器端发送对象
风行天下
04-02 301
最近项目中需要做一个关于批量删除的功能，删除条件有多个，需要从页面全部传给后台服务器程序，单个的删除，可以拼接参数给url，服务器端获取参数后执行删除操作即可。但是批量删除多个，参数会很多，传递就有些麻烦。当然有一种比较常见的解决方法，是使用逗号、下划线、或者分号分割，然后传到后台拆分后再进行操作，这种方法需要前台拼接，后台解析，稍显繁复且容易出错。对于搞JAVA程序的我来说，显得不是很面向对...
C++学习笔记
xiaoming1106的博客
11-13 136
1.指针数组( int *p[SIZE] 或者 int *(p[SIZE]) )VS数组指针(int (*p)[])。 2.函数返回指针或引用，不可以返回函数内局部指针或引用，但静态的可以。 3.左值VS右值，左值是指向一个指定内存的东西，右值是不指向任何东西的东西，左值可以转换为右值，但右值不可以转换为左值。 https://www.jianshu.com/p/94b0221f64a5 ...
Object.defineProperty详解与双向绑定实践
本文将深入探讨JavaScript中的Object.defineProperty以及其在实现数据双向绑定中的应用。首先，让我们明确什么是数据劫持：这是一种技术，可以在访问或修改对象属性时，通过特定的代码拦截并执行额外操作，这对于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值