你真的了解js的对象吗？

对象在前端开发中经常被用到，但是我们大部分情况下对于对象都是一知半解，对于一些细节并不是很清楚，本文就带你细细梳理一遍关于对象的那些事，如有错误不足之处，欢迎大家指正。

对象的创建

let o1 = {}
let o2 = new Object()
let o3 = Object.create(o1)
// 上述三种方法都可以创建对象，但最常用的还是第一种，用对象字面量创建。

对象的属性

对象的每个属性都有自己对应的属性描述对象，保存该属性的一些元信息，主要有以下六个元属性。
value：该属性的属性值，默认为undefined。
writable：表示属性值是否可改变（即是否可写），默认为true。
enumerable：是一个布尔值，表示该属性是否可遍历，默认为true。
configurable：是一个布尔值，表示可配置性，默认为true。
get：表示该属性的取值函数（getter），默认为undefined。
set：表示该属性的存值函数（setter），默认为undefined。
get和value是重复的，set和writable也是重复的，所以它们不能同时出现，即每个属性的属性描述符对象只能有四个元属性。

let person = {
  name: 'liming',
  age: 25
}
console.log(Object.getOwnPropertyDescriptor(person, 'name'))
// {value: "liming", writable: true, enumerable: true, configurable: true}
person.name = 'liming2'
console.log(Object.getOwnPropertyDescriptor(person, 'name'))
// {value: "liming2", writable: true, enumerable: true, configurable: true}
person = Object.defineProperty(person,'name',{
    value: 'liming3',
    writable: false,
})
console.log(Object.getOwnPropertyDescriptor(person, 'name'))
// {value: "liming3", writable: false, enumerable: true, configurable: true}
person.name = 'liming4'
console.log(person)
//{name: "liming3", age: 25}  name属性已经不可改了。

person = Object.defineProperty(person,'age',{
   get: function() {
       return 36
    }
})
console.log(Object.getOwnPropertyDescriptor(person, 'age'))
// {get: ƒ, set: undefined, enumerable: true, configurable: true}
console.log(person.age)   //36

对象的遍历

对象的冻结

为了防止对象被改变，JavaScript 提供了三种冻结方法。

Object.preventExtensions() 可以使得一个对象无法再添加新的属性。
Object.isExtensible() 检查一个对象是否可以添加新的属性。

let person = {
    name: 'liming',
    age: 25
}
Object.isExtensible(person)   // true    可以添加新属性
Object.preventExtensions(person);   
Object.isExtensible(person)   //false   不可以添加新属性
person.sex = 'man'
console.log(person)  //{name: "liming", age: 25}  添加属性无效
delete person.age
console.log(person)  //{name: "liming"}  age属性被删除

Object.seal() 使得一个对象既无法添加新属性，也无法删除旧属性。
Object.isSealed() 检查一个对象是否使用了Object.seal方法。

let person = {
    name: 'liming',
    age: 25
}
Object.isSealed(person)   //false
Object.seal(person)
Object.isSealed(person)   //true   不可以新增属性，删除属性
Object.isExtensible(person)  //false  不可以新增属性
person.sex = 'man'
delete person.age
person.name = 'liming11'
console.log(person)  //{name: "liming11", age: 25} 可以修改属性

Object.freeze() 使得一个对象无法添加新属性、无法删除旧属性、也无法改变属性的值。
Object.isFrozen() 用于检查一个对象是否使用了Object.freeze方法。

let person = {
    name: 'liming',
    age: 25
}
Object.isFrozen(person)   //false
Object.freeze(person)
Object.isFrozen(person)   //true   不可以新增属性，删除属性，修改属性
Object.isSealed(person)   //true   不可以新增属性，删除属性
Object.isExtensible(person)  //false  不可以新增属性
person.sex = 'man'   
delete person.age
person.name = 'liming11'
console.log(person)  //{name: "liming", age: 25}  删除修改新增均无效

Object的静态方法

属性描述符相关
Object.getOwnPropertyDescriptor() 获取对象自身属性描述对象（无法获取继承属性描述对象）。
Object.defineProperty() 通过属性描述对象，定义或修改一个属性，然后返回修改后的对象。
Object.defineProperties() 通过属性描述对象，定义或修改多个属性，然后返回修改后的对象。
遍历相关
Object.getOwnPropertyNames() 返回一个数组，成员是参数对象自身的全部属性的属性名，不管该属性是否可遍历。
Object.keys() 返回一个数组。该数组的成员都是该对象自身的所有可遍历属性名。
原型相关
Object.getPrototypeOf() 获取对象的原型对象。
Object.create() 以指定对象和属性为原型，返回一个新的对象。

Object的实例方法

propertyIsEnumerable() 返回一个布尔值，用来判断某个属性是否可遍历。
hasOwnProperty() 判断某个属性是否为当前对象自身的属性。
valueOf() 返回当前对象对应的值。
toString() 返回当前对象对应的字符串形式。
toLocaleString() 返回当前对象对应的本地字符串形式。
isPrototypeOf() 判断当前对象是否为另一个对象的原型。

参考资料

阮一峰JS教程-object