JS高级 - 对象

一、什么是对象

• 多个数据的封装体​​：将相关数据组织在一起

• ​​保存多个数据的容器​​：可以存储各种类型的数据

• ​​一个对象代表现实中的一个事物​​：每个对象对应现实世界中的一个实体

二、为什么要使用对象

使用对象的主要优势在于：

• ​​统一管理多个数据​​：将相关属性和方法集中在一个实体中

三、对象的组成

对象由两部分组成：

• ​​属性​​：由属性名（字符串）和属性值（任意类型）组成

• ​​方法​​：一种特殊的属性，其属性值是函数

四、如何访问对象内部数据

1.使用 . 点语法：有时不能用

<script type="text/javascript">var p = {};// 1.给p对象添加一个属性：content-type:text/json// p.content-type = "text/json"; // 不能用p["content-type"] = "text/json";console.log(p["content-type"]); // text/json// 2.属性名不确定var propName = "myAge";var value = 18;// p.propName = value; // 不能用p[propName] = value;console.log(p[propName]); // 18
</script>

2.使用 ["属性名"]：通用

使用 ["属性名"]：编码麻烦，但能通用

什么时候必须使用 ["属性名"]呢？？？

①属性名包含特殊字符：如  -  和 空格

②属性名不确定

<script type="text/javascript">var p = {};// 1.给p对象添加一个属性：content-type:text/json// p.content-type = "text/json"; // 不能用p["content-type"] = "text/json";console.log(p["content-type"]); // text/json// 2.属性名不确定var propName = "myAge";var value = 18;// p.propName = value; // 不能用p[propName] = value;console.log(p[propName]); // 18
</script>