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

一、什么是对象

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

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'])

2. 属性名不确定

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