JS 对象基本用法
对象object
定义
- 无序的数据集合
- 键值对的集合
写法
let obj = { 'name':'Frank','age':18 } //常用写法
let obj = new Object({'name':'Frank'}) //正规写法
console.log({'name'='Frank','age':18})判断是否是对象：
console.log(obj instanceof Object)
细节
- 键名是字符串，不是标识符，可以包含任意字符
- 引号可省略，省略之后就只能写标识符(变量名)
- 就算引号省略了，键名也还是字符串(重点)
属性名（key）、属性值（value）
- 每个key都是对象的属性名（property）
- 每个value都是对象的属性值
使用变量做属性名
- 之前都是用常量做属性名
let p1 = 'name'
let obj = { p1 : 'xx'} //这样写,属性名为'p1'
let obj = { [p1] : 'xx'} //这样写,属性名为'name'对比
- 不加[]的属性名会自动变成字符串
- 加了[]则会当做变量求值
- 值如果不是字符串，则会自动变成字符串
对象的隐藏属性
隐藏属性
- JS中每一个对象都有一个隐藏属性
- 这个隐藏属性储存着其共有属性组成的对象的地址
- 这个由共有属性组成的对象叫做原型
- 也就是说，隐藏属性储存着原型的地址
代码示例
var obj = {}
obj.toString() //居然不报错因为obj的隐藏属性对应的对象上有toString()
删除属性
delete obj.xxx 或 delete obj['xxx']
- 即可删除obj 的xxx属性
- 请区分 属性值为undefined 和 不含属性名
- 属性值为undefined：属性名存在，还占着坑位
- 不含属性名：坑位都没有，完全不存在
不含属性名
'xxx' in obj === false含有属性名，但是值为undefined
'xxx' in obj && obj.xxx === undefined注意obj.xxx === undefined
- 不能断定 'xxx' 是否为obj 的属性
- 不是和是但值为undefined都返回true
类比
- 你身上有没有现金
- A：没有//不含属性名
- B：有，但是没带//含有属性名，但是值为undefined
查看所有属性（读属性）
查看自身所有属性
- Object.keys(obj)
查看自身+共有属性
- console.dir(obj)
- 或者依次用Object.keys打印出obj.__proto__
判断一个属性是自身还是共有的
- obj.hasOwnProperty('toString')
两种方法查看属性
- 中括号语法：obj['key']
- 点语法：obj.key
- 坑新人的语法：obj[key] //key是变量，但值一般不为'key'
注：（优先使用中括号语法，因为会被点语法误导，会让你误以为key不是字符串）
原型
每个对象都有原型
- 原型里存着对象的共有属性
- 比如obj的原型就是一个对象
- obj.__proto__存着这个对象的地址
- 这个对象里有toString/constructor/valueOf等属性
对象的原型也是对象
- 所有的对象的原型也是原型
- obj = {}的原型即为所有对象的原型
- 这个原型包括所有对象的共有属性，是对象的根
- 这个原型也有原型，是null
obj.name 等价于 obj['name']
obj.name 不等价于 obj[name]
简单来说，这里的name 是字符串，不是变量
let name = 'xx'
obj[name]等价于 obj['xx']
let list = ['name', 'age', 'gender']
let person = {
name:'xx', age:18, gender:'man'}
for(let i = 0; i < list.length; i++){
let name = list[i]
console.log(person__???__)
}
//使得person的所有属性被打印出来- console.log(person.name) ×
- conole.log(person[name]) √
修改或增加属性（写属性）
直接赋值
let obj = { name: 'xx' } //name 是字符串
obj.name = 'xx' //name 是字符串
obj['name'] = 'xx'
obj[name] = 'xx' //错，name的值不确定
obj['na'+'me'] = 'xx'
let key = 'name'; obj[key] = 'xx'
let key = 'name'; obj.key = 'xx' //错，因为 obj.key 等价于 obj['key']批量赋值
Object.assign(obj,{age: 18,gender: 'man'})修改或添加共有属性
无法通过自身修改或者增加共有属性
- let obj = {}, obj2 = {} //共有属性toString
- obj.toString = 'xxx' 只会在改obj自身属性
- obj2.toString 还是在原型上，深层的toString不会变
两种强行修改或增加原型上的属性
obj.__proto__.toString = 'xxx' //不推荐用__proto__
Object.prototype.toString = 'xxx'- 一般来说，不要修改原型，会引起很多问题
修改隐藏属性
不推荐使用__proto__
let obj = {name:'x'}
let obj2 = {name: 'xx'}
let common = {kind: 'human'}
obj.__proto__ = common
obj2.__proto__ = common
推荐使用Object.create
let obj = Object.create(common)
obj.name = 'x'
let obj2 = Object.create(common)
obj2.name = 'xx'
规范大概意思是，要改一开始就改，别后来再去改
总结
删
delete obj['name']
'name' in obj //false
obj.hasOwnProperty('name') //false'name' in obj
- 查看name是不是对象obj的属性，返回true则是，返回false则不是。但是这个方法不能区分name是对象自身的属性，还是原型的共有属性。
obj.hasOwnProperty('name')
- 查看name是不是对象obj的自身属性，返回true则是其自身属性，返回false，则不是其自身属性，有可能是其原型的属性，也有可能什么都没有。
- hasOwnProperty 只检查是否为自身属性，配合操作符 in 检查是否为共有属性。
查
Object.keys(obj) //自身属性
console.dir(obj) //自身属性+共有属性
obj['name'] //查属性值
obj.name //这里的name是字符串
obj[name] //这里的name是变量改
['name'] = 'x' //改自身obj
Object.assign(obj,{age:18,...}) //批量改自身
obj.proto['toString'] = 'xxx' //改共有属性
Object.prototype['toString'] = 'xxx' //改共有属性
obj.__proto__=common //改原型
let obj = Object.create(common) //改原型 - 注：所有__proto__代码都是强烈不推荐写的
增
- 基本同上：有属性则改，没有属性则增
