《JS 对象基本用法》

139 阅读1分钟

《JS 对象基本用法》

声明对象的两种语法

  1. let object :{ 'name':'xxx','age':'18'}
  2. let object = new Object({ 'name':'xxx' })
  • 键名是字符串,不是标识符,可以包含任意字符
  • 引号可以省略 ,省略之后就只能写标识符
  • 就算引号省略了,键名也还是字符串

删除对象的属性

delete obj.xxx 或 delete obj['xxx']

  • 不含属性名
    'xxx' in object === false
  • 含有属性名,但是值为undefined
    'xxx' in object && object.xxx === undefined
  • object.xxx === undefined 不能判定'xxx'是否为object的值

查看对象的属性

  1. 查看自身所有属性
    Object.keys(obj)
  2. 查看自身+共有属性
    console.dir(obj)
    或者自己依次用Object.keys打印出obj.__proto__
  3. 判断一个属性是自身的还是共有的 obj.hasOwnProperty('toString')

修改或增加对象的属性

写属性

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

修改或增加共有的属性

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

    一般不推荐修改原型,会引起很多问题

修改隐藏属性

  • 不推荐使用__proto__

    let obj = {name: 'xxx'}
    let obj2 = {name: 'yyy'
    let common = {kind: 'human'}
    obj.__proto__ = common
    obj2.__proto__ = common

  • 推荐使用 Object.create

    let obj = Object.creat(common)
    obj.name = 'xxx'
    let obj2 = Object.creat(common)
    obj2.name = 'yyy'

    规范大概的意思就是,要改就一开始改,不在后来改

'name' in objobj.hasOwnProperty('name') 的区别

'name' in obj表示obj'name'这个属性
obj.hasOwnProperty('name')表示'name'obj的自有属性