深入浅出：对象与原型——揭开JavaScript对象隐藏的一面
2024-01-31 00:03:02
对象与原型：揭开JavaScript对象隐藏的一面
1. 对象的定义
对象是JavaScript中七种数据类型中唯一一种复杂类型。它由属性（键值对）组成，可以存储各种类型的数据，包括基本类型（字符串、数字、布尔值等）和引用类型（数组、对象、函数等）。对象通常用于表示现实世界中的实体或概念，例如用户、产品或购物车。
2. 声明对象的两种语法
JavaScript提供了两种声明对象的语法：
- 对象字面量语法：这种语法使用大括号({})来创建对象。例如：
const person = {
name: 'John Doe',
age: 30,
city: 'New York'
};
- new Object()语法：这种语法使用new和Object()构造函数来创建对象。例如：
const person = new Object();
person.name = 'John Doe';
person.age = 30;
person.city = 'New York';
3. 对象的隐藏属性（原型）
每个JavaScript对象都具有一个隐藏属性——原型。原型是一个对象，它存储着该对象的所有共有属性和方法。当访问一个对象的属性或方法时，JavaScript首先会在该对象中查找该属性或方法。如果没有找到，则会在其原型中查找。如果在原型中也没有找到，则会依次在原型的原型中查找，直到找到该属性或方法为止。
原型的存在使得JavaScript对象具有了继承性。子对象可以继承父对象的属性和方法，而无需重新定义。这使得代码更加简洁和易于维护。
原型链（prototype chain）是一系列相互链接的对象，它们通过原型属性连接起来。当访问一个对象的属性或方法时，JavaScript会沿着原型链向上查找，直到找到该属性或方法为止。
原型继承（prototypal inheritance）是JavaScript中的一种继承机制。子对象可以继承父对象的属性和方法，而无需重新定义。这是通过原型链来实现的。
4. 对象实例、原型方法和原型属性
对象实例是通过new关键字和构造函数创建的。例如：
const person = new Person('John Doe', 30, 'New York');
Person()是一个构造函数，它创建了一个person对象。person对象是一个对象实例，它具有Person()构造函数的原型。
原型方法是存储在原型对象中的方法。原型方法可以通过对象实例来访问。例如：
person.greet(); // "Hello, my name is John Doe."
原型属性是存储在原型对象中的属性。原型属性可以通过对象实例来访问。例如：
console.log(person.name); // "John Doe"
原型构造函数是原型对象的constructor属性。原型构造函数是用来创建该对象的构造函数。例如：
console.log(person.constructor); // Person
5. 总结
对象与原型是JavaScript中理解语言核心机制的重要概念。通过对对象与原型的深入理解，我们可以更好地理解JavaScript的继承机制，并编写出更加简洁和易于维护的代码。
