乐趣区

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])
退出移动版