JS对象是JS的数据类型之一，也是唯一一个复杂类型。

对象的定义

他是无序的数据集合。无序是指里面的属性排列没有先后之分。
也可以简单的理解为是键值对的集合

1.声明对象的两种语法

let obj = { 'name': 'Tom', 'age': 10 }
let obj = new Object({'name': 'Tom'}) 如上所述，声明的对象obj，它的键（keys）为：'name',它的值（values）为：'Tom'。

细节

键名是字符串，不是标识符，可以包含任意字符。
引号可以省略，省略之后就只能写标识符了。
计算省略了引号，键名还是字符串。

2.属性名和属性值

每个 key 都是对象的属性名（property）

所有属性名会自动变成字符串

细节

Object.keys(obj) 可以得到 obj 的所有 key

变量作属性名

let p1 = 'name'
let obj = { p1 : 'frank'} 这样写，属性名为 'p1',p1是常量
let obj = { [p1] : 'frank' } 这样写，属性名为 'name'，[p1]是变量

对比

不加 [ ] 的属性名会自动变成字符串
加了 [ ] 则会当做变量求值
值如果不是字符串，则会自动变成字符串

3.删除对象的属性

delete obj.属性名或 delete obj['属性名']

区分「属性值为 undefined」和「不含属性名」

不含属性名

'xxx' in obj === false

含有属性名，但是值为 undefined

'xxx' in obj && obj.xxx === undefined

obj2.x属性值是undefined
obj2.y是不含属性名

注意 obj.xxx === undefined

不能断定 'xxx' 是否为 obj 的属性

4.查看对象的属性

查看自身所有属性

Object.keys(obj)
Object.values(obj)

查看自身+共有属性

console.dir(obj)

判断一个属性是自身的还是共有的

obj.hasOwnProperty('toString')

两种方法查看属性:

点语法：obj.key
中括号语法：obj['key'] 优先使用中括号语法，点语法会误导你，让你以为 key 不是字符串

obj.xxx 等价于 obj['xxx']
obj.xxx 不等价于 obj[xxx] 简单来说，这里的 xxx 是字符串，而不是变量。

5.修改或增加对象的属性

直接赋值

let obj = {name: 'TOM'}

批量赋值

Object.assign(obj, {age: 18, gender: 'man'})

修改或增加共有属性

无法通过自身修改或增加共有属性

在读的时候可以看到隐藏属性，在修改的时候只能修改到自身

若偏要修改或增加原型上的属性：

不推荐用使用 proto 进行修改原型

建议，不要修改原型，否则会引起很多问题

修改隐藏属性

不推荐使用 proto

JS对象基本用法