【3】JavaScript 基础深入——对象

JavaScript 基础深入——对象

什么是对象？

• 多个数据的封装体
• 用来保存多个数据的容器
• 一个对象代表现实中的一个事务

为什么要用对象？

• 统一管理多个数据

对象的组成

• 属性

  • 属性名：字符串，但是在写的时候可以不加引号" "
  • 属性值：任意
• 方法：一种特别的属性，属性值是函数

如何访问对象内部数据？

• .属性名：编码简单，有时不能用
• ['属性名']：编码麻烦，能通用

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

什么时候必须使用['属性名']的方式？

• 属性名包含特殊字符： -，空格
• 属性名不能确定

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