JS高级（3）—— 关于对象

短命女 2022-12-21 15:47 175阅读 0赞

#### 一、什么是对象 ####

*  代表现实中的某个事物，是该事物在编程中的抽象
 *  多个数据的集合体（封装体）
 *  用于保存多个数据的容器

var p = { 
        name: 'Tom',
        age: 12
    }

#### 二、为什么要用对象 ####

*  便于对多个数据进行统一管理

#### 三、对象的组成 ####

*  属性
    
     *  代表现实事物的状态数据
     *  由属性名和属性值组成
     *  属性名都是字符串类型，属性值是任意类型
 *  方法
    
     *  代表现实事物的行为数据
     *  是特别的属性—>属性值是函数

var p = { 
       name: 'Tom',
       age: 12,
       setName: function (name) { 
         this.name = name
       },
       setAge: function (age) { 
         this.age = age
       }
     }

#### 四、如何访问对象内部数据 ####

*  .属性名：编码简单，有时不能用
 *  \[‘属性名’\]：编码麻烦，能通用

var p = { 
        name: 'Tom',
        age: 12,
        setName: function (name) { 
          this.name = name
        },
        setAge: function (age) { 
          this.age = age
        }
      }
    
      p.setName('Bob')
      p['setAge'](23)
      console.log(p.name, p['age'])

#### 五、问题：什么时候必须使用\[‘属性名’\]的方式？ ####

1.  属性名包含特殊字符: - 空格

var p = { }
      //1. 给p对象添加一个属性: content type: text/json
      // p.content-type = 'text/json' //不能用
      p['content-type'] = 'text/json'
      console.log(p['content-type'])

![在这里插入图片描述][20201116213748867.png_pic_center]

1.  属性名不确定

var propName = 'myAge'
      var value = 18
      // p.propName = value //不能用
      p[propName] = value
      console.log(p[propName])

![在这里插入图片描述][20201116213952224.png_pic_center]

[20201116213748867.png_pic_center]: /images/20221120/480955aa4b1a4a57b5c76bb92bb8985f.png
[20201116213952224.png_pic_center]: /images/20221120/6bb0e397b1b0456d94cf251b6b6e882b.png