本文是js红宝书第八章总结
属性的两种类型
内部特性用来描述属性的特征，无法直接访问（要通过访问器），以[[]]进行标识
特性就是为了某个概念而定义的专一的东西，不能把属性看作是数据属性+访问器属性组成的对象
- 数据属性
- [[Configurable]]是否可以delete，是否可以改为访问器属性，一般为true
- [[Enumberable]]是否可以通过for-in循环返回，一般都是true
- [[Writable]]值是否能被修改
- [[Value]]
简单点说，这些特性用来描述
举个例子：person.name = "lpj"name的数据属性的[[value]]就是"lpj" ，但你不能直接用[]获取，这些内部特性是工具人，用来描述数据的
可以用Object.defineProperty方法进行修改默认值
注意：把属性定义为不可配置后，就不能变回可配置的了
- 访问器属性
不包含数据，包含一个获取(getter)函数和设置(setter)函数 以下属性描述他们的行为- [[Configurable]]
- [[Enumerable]]
- [[Get]]方法 读取属性值
- [[Set]]方法 修改属性值
典型访问器属性应用场景，即设置一个属性值会导致一些变化发生
let book = {
year_:2021,//伪私有成员(指该属性需用set函数进行操作)
edition:1
}
Object.defineProperty(book,"year",{
/*这里会新增year属性，
但由于使用了definePropert，
这个属性会被覆写为如下的内部特性（由于没设置[[Value]] 它也就没有数据值啦，单纯是工具人访问year_)*/
get(){
//简单返回属性值
return this.year_;
},
set(newValue){
//对写入的值进行处理 注意如果写为空的话 就是只读属性了
if (newValue>2021) {
this.year_ = newValue
this.edition++
}
else
this.year_ = newValue
}
})
console.log(book.year)//值为2021,edition=1
book.year = 2077;//尝试修改year，会被Editon记录，当然这里你直接修改year_的话就没辙了
console.log(book.year)//edition=2
为什么console看对象时看不到原来的属性值，而总是显示最新的值？
Simply what it says is that the console evaluated the object just as you press the expand icon. Here is a test.
1:Type o = {} in the console. The output will be something like >{}. DON'T EXPAND YET!
2:Add a property to the o object. o.x = 1
3:Now go back and expand the previous output. It will have the x property you added obviously after that output was created. But the the output still have the x val
——Stack Overflow
可以通过Object.define-Properties()实现一次性同时定义多个多个属性
- ES6对象拓展方法
- 通过getOwnPropertyDescriptor()读取属性的特性
- 合并对象：
Object.assign(dest, src)把src复制进dest - 对象相等精确判定Object.is() 与===很像
- 可计算属性，es6可以在字面量直接进行动态命名属性
let nameKey = name
let person = {
[nameKey] = 'lpj'
}
console.log(person.name=='lpj')//true
//以前必须先声明对象
//再person[nameKey] = 'hjy'这样
这意味着可以使用复杂表达式甚至是函数，但要小心表达式副作用，如果抛出错误会导致对象创建中断，且不可回滚
- 对象解构
let person = {
name:'pj',
age:19
}
//不使用解构
let personName = person.name
let personAge = person.age
//使用解构语法
let { name:personName , age: personAge} = person;
//注意冒号前后
解构在红宝书中篇幅蛮大的，其语法和用法比较多变
