《JS对象基本用法》

201 阅读1分钟

1. 声明对象的两种语法

let obj = { 'name':'frank','age': 18 }
let obj = new Object({'name': 'frank'})

2. 如何删除对象的属性

delete obj.xxx 
delete obj['xxx']

不含属性名

'xxx' in obj.xxx === undefined

含有属性名,但是值为undefined

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

3. 查看对象属性

  • 查看自身所有属性
Object.keys(obj)
  • 查看自身+共有属性
console.dir(obj)

或者依次用Object.keys打印出obj.proto

  • 判断一个属性时自身的还是共有的
obj.hasOwnProperty("xxx")

4. 如何修改或增加对象的属性

  • 直接赋值
let obj = {name:'Dylan'} //name 是字符串
obj.name = 'Dylan' // name是字符串
obj['name'] = 'frank'
obj['na'+'me']='frank'
  • 批量赋值
Object.assign(obj, {age: 18, gender:'man'})

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

  • 无法通过自身修改或增加共有属性
let obj = {},obj2={} //共有toString
obj.toString = 'xxx' 只会在改obj自身属性
obj2.toString还是在原型上
  • 硬修改或增加原型上的属性
obj.__proto__.toString = 'xxx' //不推荐这个用法
Object.prototype.toString = 'xxx'

一般来说,不要修改原型,会引起很多问题

  • 修改隐藏属性
let obj = {name: 'frank'}
let common = {kind:'human'}
  • 推荐使用Object.create
let obj = Object.create(common)
obj.name = 'frank'

6. 'name' in obj和obj.hasOwnProperty('name') 的区别

前者是查看obj对象是否含有属性名'name',后者是判断对象obj是否含有自身属性'name'