JavaScript prototype属性深入介绍

	作者：CC	今阅(1)	3日(1)	7日(1)
	发表时间:2024-04-28 12:11:44		30日(1)	总阅(15)

文章摘要：-节省内存：当函数的属性和方法被定义在原型对象中时，所有实例将共享同一个属性和方法，不会每个实例都拥有一份，-构造函数中的函数和变量不会被所有实例共享，而原型对象中的属性和方法会被所有实例共享，原型对象包含了共享的属性和方法，可以被函数的所有实例共享

JavaScript中的`prototype`属性是每个函数都有的属性，它是一个指向原型对象的指针。原型对象包含了共享的属性和方法，可以被函数的所有实例共享。下面是关于JavaScript `prototype`属性的深入介绍：

### 1. **原型对象：**
   - 每个函数都有一个 `prototype` 属性，指向一个对象，该对象包含了共享的属性和方法。
   - 当你创建一个函数时，JavaScript会自动为该函数创建一个原型对象并且分配给 `prototype` 属性。

### 2. **原型链：**
   - 在 JavaScript 中，每个对象都有一个指向其原型的链接。
   - 当你想要访问一个对象的属性或方法时，如果在该对象上找不到，JavaScript会沿着原型链向上查找，直到找到为止。

### 3. **构造函数和原型之间的关系：**
   - 构造函数中的函数和变量不会被所有实例共享，而原型对象中的属性和方法会被所有实例共享。
   - 通过构造函数创建的实例可以访问原型对象上的属性和方法。

### 4. **使用原型的好处：**
   - 节省内存：当函数的属性和方法被定义在原型对象中时，所有实例将共享同一个属性和方法，不会每个实例都拥有一份。
   - 方便扩展：如果需要添加新的方法或属性，只需在原型对象上添加即可，所有实例都会自动继承。

### 5. **示例：**
```javascript
// 定义一个构造函数
function Animal(name) {
    this.name = name;
}

// 在原型对象上添加方法
Animal.prototype.sayName = function() {
    console.log("My name is " + this.name);
};

// 创建实例
let dog = new Animal("Dog");
let cat = new Animal("Cat");

// 调用原型对象上的方法
dog.sayName(); // 输出：My name is Dog
cat.sayName(); // 输出：My name is Cat
```

`prototype`属性在JavaScript中起着非常重要的作用，帮助开发者更好地组织和管理代码，同时提高代码的复用性和可维护性。