一、理解对象
Javascript中的对象是一组属性的无序集合。对象的每个属性和方法都由一个名称标识。可以把js中的对象想象成一张散列表,其中的内容就是一组名/值对,值可以是数据或者函数。
1、属性的类型
js中使用一些内部特性来描述属性的特征,这些特性是由js实现引擎的规范定义的,开发者不能直接访问。规范会用两个中括号把特性的名称括起来。属性分两种:数据属性和访问器属性。
数据属性
数据属性包含4个描述它们的行为。
[[Configurable]]
:表示属性是否可以通过delete删除并重新定义,是否可以修改它的特性以及是否可以把它改为访问属性。默认情况下,所有直接定义在对象上的属性的这个特性都是true。[[Enumerable]]
:表示属性是否可以通过for-in
循环返回。默认为true。[[Writable]]
:表示属性是否可以被修改。默认为true。[[Value]]
:包含属性实际的值。数据读取和写入的位置。
以下在创建对象并为对象添加一个属性后,[[Configurable]]
,
[[Enumerable]]
,[[Writable]]
值都为true,[[Value]]
为设定的值。
let person = {
name: 'Mike' // [[Value]]值为Mike
}
要修改默认特性,必须使用Object.defineProperty()
方法。该方法接收3个参数:要添加属性的对象、属性名和一个描述符对象。描述符对象上的属性可以是configurable
,enumerable
,writable
,value
。
let person = {}
Object.defineProperty(person, 'name', {
writable: false,
value: 'Mike'
})
console.log(person.name) // 'Mike'
person.name = 'Lily'
console.log(person.name) // Mike
创建不可配置项属性
let person = {}
Object.defineProperty(person, 'name', {
configurable: false,
value: 'Mike'
})
console.log(person.name) // 'Mike'
delete person.name
console.log(person.name) // 'Mike'
一个属性被配置为不可配置项之后就不能再变回可配置的了。
在调用Object.defineProperty()
时,configurable
,enumerable
,writable
的值如果不指定,则默认为false
。
访问属性
访问属性4个描述特性:
[[Configurable]]
:表示属性是否可以通过delete删除并重新定义,是否可以修改它的特性以及是否可以把它改为数据属性。默认情况下,所有直接定义在对象上的属性的这个特性都是true。[[Enumerable]]
:表示属性是否可以通过for-in
循环返回。默认为true。[[Get]]
:获取函数,在读取属性时调用,默认值为undefined
。[Set]]
:设置函数,在写入属性时调用,默认值为undefined
。
访问属性不能直接定义,必须使用Object.defineProperty()
。
// 给对象设置私有属性age_
let person = {
age_: 30
}
Object.defineProperty(person, 'age', {
get () {
return this.age_
},
set (newAge) {
this.age_ = newAge
}
})
Object.defineProperties()
可以在一个对象上同时定义多个属性。
let person = {}
Object.defineProperties(person, {
age_: {
value: 30
},
gender: {
value: 'female'
},
age: {
get () {
return this.age_
},
set (newAge) {
this.age_ = newAge
}
}
})
Object.getOwnPropertyDescriptor()
可以获取指定属性的属性描述符。传入两个参数:属性所在对象和要取得的描述符属性。返回一个对象,数据属性包含configurable
,enumerable
,writable
和value
,访问属性包含configurable
,enumerable
,get
和set
。
let person = {}
Object.defineProperties(person, {
age_: {
value: 30
},
gender: {
value: 'female'
},
age: {
get () {
return this.age_
},
set (newAge) {
this.age_ = newAge
}
}
})
let descriptor = Object.getOwnPropertyDescriptor(person, 'gender')
console.log(descriptor)
// {
// value: 'female',
// writable: false,
// enumerable: false,
// configurable: false
// }
2、合并对象
Object.assign()
方法接收一个目标对象和一个或多个源对象作为参数,将源对象中可枚举(Object.propertyIsEnumerable()
返回true
)和自有(Object.hasOwnProperty()
返回true
)属性复制到目标对象。这个方法会使用源对象上的[[Get]]
取得属性的值,使用目标对象上的[[Set]]
设置属性的值。如果多个源对象有相同的属性,使用最后一个复制的值。
let dest = { id: 'dest' }
let result = Object.assign(dest, { id: 'src', a: 'foo' }, { id: 'src2', b: 'bar'})
console.log(result) // { id: 'src2', a: 'foo', b: 'bar' }