- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端实习日记
Object.defineProperty
要记住Object.defineProperty可不只有get和set两个属性哦~ 属性： configurable：当且仅当该属性的 configurable 键值为 true 时，该属性的描述符才能够被改变 configurable有点变态，主要说一下： var b = Object.creat(null); Object.defineProperty(b, "a", { configurable: true 被设置的意思是还可以使用defineProperty重新设置。 被删除的意思可以使用delete b.a 此属性。 此时如果writable为false，那么所有行为都不可以再改变了，再调用Object.defineProperty会报错。 参考： MDN 深入浅出Object.defineProperty()
58230发布于 2020-05-11 - 来自专栏程序员成长指北
彻底搞懂 Object.defineProperty
从零认识defineProperty 基本用法与属性 让我们从基本概念说起，这里引用MDN解释： Object.defineProperty方法用于在对象上定义一个新属性，或者修改对象现有属性，并返回此对象 方法基本语法如下： Object.defineProperty(obj, prop, descriptor) OK，结合基本用法与概念，我们来试试添加属性与修改属性。 巧了，这种情况我们就可以使用Object.defineProperty()中的存取描述符来解决这个需求。 let o = {}; Object.defineProperty(o, 'name', { value: '时间跳跃' }); //等同于 Object.defineProperty(o, 那么到这里，关于Object.defineProperty的介绍就结束了。
1.1K20发布于 2021-01-06 - 来自专栏finleyMa
聊聊 Object.defineProperty()
就可以使用Object.defineProperty()。 Object.defineProperty(obj, prop, descriptor) 接收三个参数: obj: 要在其上定义属性的对象。 prop: 要定义或修改的属性的名称。 默认情况下，使用 Object.defineProperty() 添加的属性值是不可修改的。 descriptor 是重点，它是个对象，包含的键值比较多； 我们可以这样： // 在对象中添加一个属性与数据描述符的示例 Object.defineProperty(obj, "a", { value var o = {}; Object.defineProperty(o, "a", { value : 1, enumerable:true }); Object.defineProperty(o, "
83320发布于 2019-06-17 - 来自专栏程序技术知识
理解Object.defineProperty()
数据描述： Object.defineProperty(obj,"newKey",{ value:"hello", // 设置属性的值 writable:false, // 值是否可以重写。 存取器描述： 注：当使用了getter或setter方法，不允许使用writable和value这两个属性 var obj = {}; var initValue = 'hello'; Object.defineProperty
32720编辑于 2022-02-22 - 来自专栏前端技术江湖
彻底搞懂Object.defineProperty
从零认识defineProperty 基本用法与属性 让我们从基本概念说起，这里引用MDN解释： Object.defineProperty方法用于在对象上定义一个新属性，或者修改对象现有属性，并返回此对象 方法基本语法如下： Object.defineProperty(obj, prop, descriptor) OK，结合基本用法与概念，我们来试试添加属性与修改属性。 巧了，这种情况我们就可以使用Object.defineProperty()中的存取描述符来解决这个需求。 let o = {}; Object.defineProperty(o, 'name', { value: '时间跳跃' }); //等同于 Object.defineProperty(o, 那么到这里，关于Object.defineProperty的介绍就结束了。
2K20发布于 2021-01-06 Object.defineProperty方法详解
定义 Object.defineProperty() 方法在 JavaScript 中被用来直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。 语法 Object.defineProperty(obj, propertyName, descriptor) obj：要定义属性的对象。 实际应用 Object.defineProperty() 在许多 JavaScript 库和框架中都有应用，特别是在需要精确控制对象属性的行为时。 尝试再次调用 Object.defineProperty() 修改不可配置属性的描述符（除了 value 和 writable 之外）也会抛出一个错误。 在使用 Object.defineProperty() 时，务必注意这些描述符属性之间的相互作用和潜在影响，以确保代码按预期工作。
59210编辑于 2025-04-05- 来自专栏程序技术知识
js Object.defineProperty()详解
要修改属性的默认特性，就必须使用 Object.defineProperty()方法 ；在了解Object.defineProperty()之前，需要先明白对象属性的一些特性，明白了这些特性之后，对Object.defineProperty Object.defineProperty() Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象； 语法： Object.defineProperty Object.defineProperty设置数据属性 3.1 Configurable 注意: 如果该属性被定义为不可配置(false)之后，就不能再变回可配置的了，否则会报错。 const person = { name: 'lc', }; // 定义新属性 Object.defineProperty(person, "age", { configurable: Object.defineProperty设置访问器属性 Configurable 和 Enumerable和上述一样，这里不再演示。 4.1 Get、Set get: 获取函数，在读取属性时调用。
3.3K20编辑于 2022-05-12 - 来自专栏编程语言的世界
JavaScript object.defineproperty 学习
Object.defineProperty 是 JavaScript 中的一个方法，用于直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 以下是 Object.defineProperty 方法的基本用法和参数说明：Object.defineProperty(obj, prop, descriptor)obj：要在其上定义或修改属性的对象 Object.defineProperty(obj, 'age', { get: function() { return this. 注意事项Object.defineProperty 方法直接操作对象，而不是对象的实例，因此应该直接在 Object 构造器对象上调用此方法。 使用 Object.defineProperty 添加的属性默认是不可变的，除非你明确设置了 writable 属性为 true。
50300编辑于 2024-12-24 - 来自专栏深度前端
【深入浅出系列】defineProperty
Vue.js比较好用的一点是双向数据绑定，而双向数据绑定的实现就是Object.defineProperty()，在探索这个方法之前，我们先用代码实现一个简易的数据响应。 那么接下来，我们就一起探索一下Object.defineProperty()的一些东西吧。 语法 Object.defineProperty(object, prop, descriptor) 参数 object：被操作的对象 prop：要修改或新增的属性的名称 descriptor：属性描述符
51900发布于 2020-05-05 - 来自专栏Fundebug
详解JavaScript之神奇的Object.defineProperty
摘要： JavaScript有个很神奇的Object.defineProperty()，了解一下？ =与Object.defineProperty 为JavaScript对象新增或者修改属性，有两种不同方式：直接使用=赋值或者使用Object.defineProperty()定义。 如下： // 示例1 var obj = {}; // 直接使用=赋值 obj.a = 1; // 使用Object.defineProperty定义 Object.defineProperty(obj 使用=赋值，等价于使用Object.defineProperty()定义时，同时将writable、enumerable和configurable设为true。 () 使用Object.defineProperty()定义时若只定义value，则writable、enumerable和configurable默认值为false。
80250发布于 2018-07-05 - 来自专栏乱码李
使用 Object.defineProperty 为对象定义属性
Vue使用的是 ES5 提供的 Object.defineProperty() 结合发布者-订阅者模式，通过Object.defineProperty() 来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者 Object.defineProperty() 定义以及使用 Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象。 Object.defineProperty 解决什么问题 如果你想定义一个对象的属性为只读怎么办？ 「对象.属性」能做到吗？显然不能！Object.defineProperty 却可以做到。 因此 Object.defineProperty 方法是对属性更加精确的定义。 let o = Object.defineProperty({}, "a", {value: 1, enumerable: true}); Object.defineProperty(o, "b", {
1.6K10发布于 2021-11-26 - 来自专栏bug收集
【春节日更】理解Object.defineProperty方法
经常听到使用Object.defineProperty 数据劫持，它是如何实现劫持的呢？除了数据劫持还可以做啥呢？ 今天，就来详细认识一下它 01 语 法 Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象 语法： Object.defineProperty configurable:false, writable:false, enumerable:false, value:'hello world' }; Object.defineProperty set：在写入属性时调用的函数，默认值为undefined 示例代码： function Hello() { let hello = 'hello world'; Object.defineProperty function Hello() { let hello = "hello world"; Object.defineProperty(this, 'hello', {
40420编辑于 2022-07-22 - 来自专栏IT架构圈
深入浅出Object.defineProperty()
本文部分参考了书籍《你不知道的javascript》上卷 对象的定义与赋值 经常使用的定义与赋值方法obj.prop =value或者obj['prop']=value Object.defineProperty ()语法说明 Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性 Object.defineProperty(obj, prop, desc ) obj 需要定义属性的当前对象 prop 当前需要定义的属性名 desc 属性描述符 一般通过为对象的属性赋值的情况下，对象的属性可以修改也可以删除，但是通过Object.defineProperty 虽然内部属性通常用一个双吕括号包围的名称来表示，但实际上这并不是它们的名字，它们是一种抽象操作，是不可见的，根本没有上面两种属性有的那种字符串类型的属性 属性描述符 通过Object.defineProperty let Person = {}let temp = nullObject.defineProperty(Person, 'name', { get: function () { return temp
86740发布于 2018-06-01 - 来自专栏前端数据可视化
Object.defineProperty也能监听数组变化？
本文简介 点赞 + 关注 + 收藏 = 学会了 首先，解答一下标题：Object.defineProperty 不能监听原生数组的变化。如需监听数组，要将数组转成对象。 在 Vue2 时是使用了 Object.defineProperty 监听数据变化，但我查了下 文档，发现 Object.defineProperty 是用来监听对象指定属性的变化。 基础用法 Object.defineProperty() 文档 关于 Object.defineProperty() 的用法，可以看官方文档。 基础部分本文只做简单的讲解。 语法 Object.defineProperty(obj, prop, descriptor) 参数 obj 要定义属性的对象。 prop 要定义或修改的属性的名称或 Symbol 。 以上就是 Object.defineProperty 的基础用法。 深度监听 上面的例子是监听基础的对象。但如果对象里还包含对象，这种情况就可以使用递归的方式。
75020编辑于 2022-09-09 - 来自专栏bug收集
【图解系列】Object.defineProperty vs Proxy
主题：【Object.defineProperty vs Proxy】 图解： 文字说明： Proxy Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta 也就是传说中的新标准的性能红利； Object.defineProperty Object.defineProperty的优势如下: 兼容性好（支持IE9） Vue响应式实现，使用 Object.defineProperty 的缺点： Object.defineProperty (obj, prop, descriptor) 的问题主要有三个： 无法监听数组的变化 Vue 把会修改原来数组的方法定义为变异方法。 必须遍历对象的每个属性 使用 Object.defineProperty 多数情况下要配合 Object.keys 和遍历，于是就多了一层嵌套。 必须深层遍历嵌套的对象 当一个对象为深层嵌套的时候，必须进行逐层遍历，直到把每个对象的每个属性都调用 Object.defineProperty() 为止。
56010编辑于 2022-07-22 - 来自专栏技术社区
Object.defineProperty()思维导图（vue）
vue中的Object.defineProperty()
18120编辑于 2022-06-16 - 来自专栏不知非攻
Proxy 的性能，可能比 defineProperty 更差
原创第 146 篇 老有人跑来跟我说 Proxy 和 defineProperty 相比，是性能的巨大提升。 先看 defineProperty 的案例。 然后用 Object.defineProperty 劫持 target。 0 结论 在常用的几种浏览器中，测试结果比较统一，Proxy 的性能都弱于 defineProperty，在 safari，firefox 中，defineProperty 的性能大幅度领先。 但依然小幅度弱于 defineProperty 针对于 defineProperty 的性能，firefox 和 safari 做得比较好，大幅度领先其他浏览器。
86110编辑于 2024-01-08 - 来自专栏全栈修炼
ES6 系列之 defineProperty 与 proxy
definePropety ES5 提供了 Object.defineProperty 方法，该方法可以在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。 语法 Object.defineProperty(obj, prop, descriptor) 参数 obj: 要在其上定义属性的对象。 prop: 要定义或修改的属性的名称。 举个例子： var obj = {}; Object.defineProperty(obj, "num", { value : 1, writable : true, enumerable 这就意味着你可以： Object.defineProperty({}, "num", { value: 1, writable: true, enumerable: true, 和 proxy 的区别，当使用 defineProperty，我们修改原来的 obj 对象就可以触发拦截，而使用 proxy，就必须修改代理对象，即 Proxy 的实例才可以触发拦截。
67820发布于 2019-07-17 - 来自专栏骤雨重山
Object.defineProperty 及 实现数据双向绑定
Object.defineProperty() 和 Proxy 对象，都可以用来对数据的劫持操作。 何为数据劫持呢？ 1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Object.defineProperty 'h1'); let hanObj = { name: '', _name: '' }; Object.defineProperty
29820编辑于 2022-01-17 - 来自专栏IMWeb前端团队
不会Object.defineProperty你就out了
Object.defineProperty ，顾名思义，为对象定义属性。 Object.defineProperty(someOne, 'name', { value : 'cover' }) 从上面看，貌似使用Object.defineProperty很麻烦，那为啥存在这样的方法呢 带着疑问，我们来看下 Object.defineProperty的定义。 what is Object.defineProperty The Object.defineProperty() method defines a new property directly on (┬＿┬) 但如果通过Object.defineProperty， 我们则可以 //这里只是简单设置下translateX的属性，其他如scale等属性可自己去尝试 Object.defineProperty
1.3K50发布于 2017-12-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号