13 - 变量与数据类型 - 引用数据类型 - 对象的创建与访问

前端 - Javascript 《变量与数据类型 - 引用数据类型 - 对象的创建与访问》

在 JavaScript 的世界里，对象可是非常重要的引用数据类型，就像一个神奇的百宝箱，能装下各种各样的数据。今天咱们就来聊聊对象的创建与访问。

什么是对象

对象可以看作是一组无序的数据集合，这些数据以键值对的形式存在。就好比一个装满宝物的箱子，每个宝物都有一个对应的标签，通过标签就能找到相应的宝物。在 JavaScript 中，对象可以用来表示现实世界中的各种事物，比如一个人、一辆车等。

对象的创建

1. 对象字面量方式

这是最常用也是最简单的创建对象的方式，就像直接打开一个现成的百宝箱。

// 创建一个表示人的对象
const person = {
    name: '张三',
    age: 25,
    job: '程序员'
};

在这个例子中，person 就是一个对象，它有三个属性：name、age 和 job，分别对应着人的姓名、年龄和职业。

2. 使用 new Object() 构造函数

这种方式就像是先打造一个空箱子，然后再往里面放宝物。

const car = new Object();
car.brand = '丰田';
car.color = '白色';
car.price = 200000;

这里我们先创建了一个空对象 car，然后通过点号 . 为它添加了 brand、color 和 price 三个属性。

3. 构造函数方式

如果要创建多个类似的对象，构造函数方式就很有用了，就像有一个制作箱子的模具，可以批量生产。

function Animal(name, type) {
    this.name = name;
    this.type = type;
}
const dog = new Animal('旺财', '狗');
const cat = new Animal('咪咪', '猫');

在这个例子中，Animal 就是一个构造函数，通过 new 关键字可以创建多个 Animal 类型的对象。

对象的访问

1. 点号访问法

点号访问法是最常用的访问对象属性的方式，就像直接拿着标签去箱子里找宝物。

console.log(person.name); // 输出: 张三
console.log(car.brand); // 输出: 丰田

2. 方括号访问法

方括号访问法更加灵活，属性名可以是变量。

const property = 'age';
console.log(person[property]); // 输出: 25

3. 访问不存在的属性

如果访问一个对象中不存在的属性，不会报错，而是返回 undefined。

console.log(person.gender); // 输出: undefined

总结

通过以上的介绍，相信大家对 JavaScript 中对象的创建与访问有了更深入的了解。对象就像一个功能强大的百宝箱，掌握了它的创建与访问方法，就能在 JavaScript 的世界里尽情探索啦！