Object.defineProperty

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' }

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

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