Object.defineProperty

语法及说明

Object.defineProperty(obj,prop,desc)

obj想要改变的对象

prop想要添加或改变的属性名

desc属性描述符

属性描述符

Object.defineProperty定义属性有两种形式:1.数据描述符，2.存取描述符。注:两种形式不可以混合使用。

数据描述符

​ 特有属性：value,writable

value

​ 设置的属性值默认:undefined

writable

​ 该属性是否可以改变默认:false

let obj = {}; Object.defineProperty(obj,'key',{ value: 'val' }); obj.key = 'v'; console.log(obj.key); // val let obj = {}; Object.defineProperty(obj,'key',{ value:'val', writable: true // 设置为true表示该属性可以更改 }); obj.key = 'v'; console.log(obj.key); // v

存取描述符

get：给属性提供getter方法，每次获取该属性值的时候都会调用该方法，默认为undefined。该方法返回的值就是该属性的值。

set：该属性提供setter方法，每次设置该属性值的时候都会调用该方法，默认为undefined。该方法的唯一参数就是你给该属性赋予的值。

let obj = {}, val = 'val'; Object.defineProperty(obj,'key',{ get: ()=>{ console.log('get'); return val; }, set: (v)=>{ val = v; console.log('set'); } }) obj.key = 'v'; console.log(obj.key); // 控制台打印为：set get v

数据描述符与存取描述符公用属性

configrable：该属性是否可以配置，是否允许删除。默认：false

enumerable：该属性是否会出现在for in,Object.keys()。默认：false

let obj = {}; Object.defineProperty(obj,'key',{ value: 'val', configurable: false }) delete obj.key; console.log(obj.key); // val

​ configurable:false的时候，该属性是不会被删除的。注：如果你使用的是严格模式的话还会导致报错Cannot delete property 'key' of #<Object>

let obj = {}; Object.defineProperty(obj,'key',{ value: 'val', configurable: true }) delete obj.key; console.log(obj.key); // undefined

​ configurable:true该属性可以被删除。

let obj = {}; Object.defineProperty(obj, 'key', { value: 'val', writable: false, configurable: true }); Object.defineProperty(obj, 'key', { value: 'v' }); console.log(obj.key); // v let obj = {}; Object.defineProperty(obj, 'key', { value: 'val', writable: false, configurable: true }); obj.key = 'v'; console.log(obj.key); // val

​ 当wirteable:false,configurable:true的时候我们不能直接给属性赋值但是可以通过Object.defineProprety来改变属性的值。

let obj = {}; Object.defineProperty(obj, 'key' ,{ value: 'val', enumerable: false }) obj.name = 'kog'; Object.defineProperty(obj, 'age' ,{ value: 18, enumerable: true }) console.log(Object.keys(obj)); // [ name , age ] for(let key in obj) { console.log(key); // name age }

​ enumerable:false的时候该属性就不能被遍历出来。

obj.key = 'val' 等价于 Object.defineProperty(obj, 'key' ,{ value: 'val', enumerable: true, writable: true, configurable: true }) Object.defineProperty(obj, 'key' ,{ value: 'val', }) 等价于 Object.defineProperty(obj, 'key' ,{ value: 'val', enumerable: false, writable: false, configurable: false })

Object.preventExtensions

​ 禁止扩展该对象。

let obj = {}; obj.key = 'val'; Object.preventExtensions(obj); obj.name = 'kog'; // 严格模式下会报错：Cannot add property name, object is not extensible console.log(obj); // { key : 'val' }

​ 虽然该对象不允许添加内容但是依然可以删除内容。

let obj = {}; obj.key = 'val'; Object.preventExtensions(obj); delete obj.key; console.log(obj); // {}

Object.seal

​ 在Object.preventExtensions的基础上给所有属性加上configurable:false。

let obj = {}; obj.key = 'val'; Object.seal(obj); delete obj.key; // 严格模式下会报错:Cannot delete property 'key' of #<Object> obj.name = 'kog'; // 严格模式下会报错:Cannot add property name, object is not extensible obj.key = 'v'; console.log(obj); // { key : 'v' }

​ 该对象会被不允许添加属性，而且现有属性也不允许删除，但是现有属性允许被修改。

Object.freeze

​ 在Object.seal的基础上给所有属性添加了writable:false。

let obj = {}; obj.key = 'val'; Object.freeze(obj); delete obj.key; // 严格模式下会报错:Cannot delete property 'key' of #<Object> obj.name = 'kog'; // 严格模式下会报错:Cannot add property name, object is not extensible obj.key = 'v'; //严格模式下会报错:Cannot assign to read only property 'key' of object '#<Object>' console.log(obj); // { key : 'val' }

​ 该对象将会不被允许添加、删除、修改属性。

个人学习使用，想要详细了解还得看大牛 > 单击跳转 <