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