一:对象的概念

1.定义

无序的数据集合
键值对的集合

2.写法

let obj ={ 'name': 'frank' , 'age':18}
let obj =  new Object ({ 'name ':'frank'})
console.log({'name':'frank','age':18})
      // name是属性名     age是属性值

3.细节

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

4.奇怪的属性名

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

let obj ={
    1:'a' ,
    3.2 :'b' ,
    1e2 :true ,
    1e-2:true ,
    .234:true,
    OxFF:true
};
Object.keys(obj)
=>["1","100","255","3.2","0.01","0.234"]

5.细节

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

6. 变量作属性名

如何用变量做属性名
之前都是用常量做属性名
let p1 ='name'
let obk ={p1 :'frank'}这样写，属性名为'p1'
let obk ={[p1] :'frank'}这样写，属性名为'name'

对比

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

7. 对象的隐藏属性

隐藏属性

JS中每一个对象都有一个隐藏属性
这个隐藏属性储存着其共有属性组成的对象的地址
这个共有属性组成的对象叫原型
也就是说，隐藏属性储存着原型的地址

代码示例

var obj ={}
obj.toString() //居然不报错
因为obj 的隐藏属性对应的对象上有toString()

二、如何删除对象的属性

delete obj.xxx /delete obj['xxx'] 即可删除obj的xxx属性
请区分[属性名为undefined] 和[不含属性名]
不含属性名 'xxx' in obj ===false
含有属性名，但是值为undefined 'xxx' in obj &&obj.xxx ===undefined
注意 obj.xxx ===undefined 不能断定'xxx'是否为obj的属性
类比:
你有没有卫生纸？ A：没有 //不含属性名 B：有，但是没带 //含有属性名，但是值为undefined
obj.hasOwnProperty('name') //false
如果是false ，则属性不是它自身的，可能是原型的

这个方法可以用来检测一个对象是否含有特定的自身属性
语法：obj.hasOwnProperty(prop)
参数：要检测的属性 字符串 名称或者 Symbol
返回值： 用来判断某个对象是否含有指定的属性的 Boolean

三、如何查看对象的属性

查看自身所有属性

Object.keys(obj)

查看自身+共有属性 console.dir(obj) 或者自己依次用Object.keys打印出obj._proto

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

obj.hasOwnProperty("toString")

每个对象都有原型

原型例存着对象的共有属性
比如obj的原型就是一个对象
obj.__proto__存着这个对象的地址
这个对象里有toString/constructor/valueOf等属性

对象的原型也是对象

所以对象的原型也有原型
obj ={}的原型即为所有对象的原型
这个原型包含所有对象的共有属性，是对象的根
这个原型也有原型，是null

查看属性

两种方法查看属性
中括号语法:obj['key']
点语法:obj.key
坑新人语法:obj[key] //变量key值一般不为'key'

请优先使用中括号语法
点语法会误导你，让你以为key不是字符串
等你确定不会弄混两种语法，再改用点语法

obj.name 等价于 obj['name'] obj.name 不等价于 obj[name] 这里的name是字符串，而不是变量

let name ='frank' obj[name]等价于obj['frank'] 而不是obj['name']和obj.name 这里的name是变量

四、如何修改或增加对象的属性

赋值

直接赋值

let obj ={name :'frank'}  //name是字符串
obj.name ='frank'  //name是字符串
obj['name']='frank'

obj['na' +'me'] ='frank'  
let key ='name';  obj[key] ='frank'         //name是变量

批量赋值

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

五、修改或增加共有属性

修改/增加共有属性

无法通过自身修改/增加共有属性
let obj ={} obj2={} //共有toString
obj.toString ='xxx' 只会在改obj自身属性
obj.toString还是在原型上

我偏要修改/增加原型上的属性
obj.__proto_.toString ='xxx'//不推荐用__proto__
Object.prototype.toString ='xxx'
一般来说，不要修改原型，会引起很多问题

修改隐藏属性

不推荐使用__proto__

let obj ={name:'frank'}
let obj2 ={name:'jack'}
let common ={kind:'human'}
obj._proto_ =common
obj2._proto_=common

推荐使用Object.create

let obj =Object.create（comomon）
lobj.name='frank'
let obj2 =Object.create（comomon）
obj._proto_ =common
obj2.name ='jack'
规范大概的意思是，要改就一开始就改，别后来再改

JS对象基本用法