javascript - 关于defineProperty的value
问题描述
> var a = {}> Object.defineProperty(a, 'b', {... value: 110}){}> a{}> a.b110> a.b = 555555> a.b110> var aa = {b: 1}undefined> Object.defineProperty(aa, 'b', {... value: 119}){ b: 119 }> aa.b119> aa.b = 11> aa.b1
为什么aa.b可更改,a.b不能?
问题解答
回答1:属性描述符有三个属性分别是 configurable enumerable writable,默认值均为 false而使用对象字面量定义的属性描述符均为 true,可以通过 Object.getOwnPropertyDescriptor(a, ’b’) 及 Object.getOwnPropertyDescriptor(aa, ’b’) 来获取两个属性的描述符。
所以 a.b 不可修改,aa.b 可以修改。
回答2:因为默认情况下,通过Object.defineProperty()定义的属性的属性值均为false是不可写的.
a = {}Object.getOwnPropertyDescriptor(a, ’b’)// > undefinedObject.defineProperty(a, 'b', {value: 119})Object.getOwnPropertyDescriptor(a, ’b’)// > Object {value: 119, writable: false, enumerable: false, configurable: false}
而通过对象字面量定义的属性默认是可写的,调用`
aa = { b: 1 }Object.getOwnPropertyDescriptor(aa, ’b’)// > Object {value: 1, writable: true, enumerable: true, configurable: true}
所以aa的b属性是可写的. 所以Object.defineProperty()并不改变属性的属性值.所以aa的b的值会改变.
相关文章:
1. javascript - 怎样定位一个动作调用了哪个js,不打断点调试?2. javascript - webpack 打包 reactjs项目 css 分离3. javascript - vuex中子组件无法调用公共状态4. Span标签5. javascript - ios上fixed定位问题,定位在底部的按钮不显示了,但是又可以点击到,换了一个类名就可以显示了,但是设置的字体大小却失效了6. javascript - 请教移动端从详情页返回到列表页原来位置的问题?7. javascript - 关于微信扫一扫的技术问题8. javascript - (_a = [""], _a.raw = [""],....); js一个小括号的是什么意思?9. javascript - js正则替换日期格式问题10. javascript - Vue.js的ElementUI库中,如何主动触发checkbox组件的change事件?
