1. 什麼是物件?
-- 多個數據的封裝體
-- 用來保存多個數據的容器
-- 一個物件代表現實中的一個事物

2. 為什麼要用物件?
-- 統一管理多個數據

3. 物件的組成?
-- 屬性:屬性名(字串)+ 屬性值(任意類型)組成
-- 方法:一種特別的屬性,屬性值是函數
4. 如何訪問物件內部數據?
-- .屬性名:編碼簡單,有時不能用
-- ['屬性名']:編碼麻煩,能通用,任何情況都可以使用

<script type="text/javascript">
  const p = {
    name: '曦澄',
    age: 25,
    setName(name) {
      this.name = name;
    },
    setAge(age) {
      this.age = age;
    },
  };

  // p.setName得到這個函數,()執行調用這個函數
  p.setName('賀紅');
  console.log(p.name);
  p['setAge'](18);
  console.log(p['age']);

</script>

 

問題: 什麼時候必須使用['屬性名']的方式?
1.屬性名包含特殊字符:-、空格
2.屬性名不確定,用變數存儲屬性名的時候

<script type="text/javascript">
  const p = {};
  // 1.p添加一個使性:content-type: text/json
  // p.content-type = 'text/json';  // 不能用
  p['content-type'] = 'text/json';
  console.log(p['content-type']);

  // 屬性名不確定
  let propName = 'myAge';
  let value = 18;
  // p.propName = value    //  不能用
  p['propName'] = value;
  console.log(p['propName']);

</script>

 
arrow
arrow
    文章標籤
    JavaScript 物件
    全站熱搜

    bingzhichen 發表在 痞客邦 留言(0) 人氣()