prototype和__proto__区别
时间: 2025-06-22 14:38:00 浏览: 20
### JavaScript 中 `prototype` 和 `__proto__` 的区别
#### 定义与作用范围
`prototype` 是函数对象独有的属性,用于定义该函数作为构造器创建的对象实例所继承的方法和属性。当通过构造函数使用 `new` 关键字创建新对象时,这些对象会自动获得访问其构造函数的 `prototype` 属性中定义的所有方法和属性的能力[^3]。
```javascript
function Animal(type) {
this.type = type;
}
Animal.prototype.speak = function() {
console.log(`The ${this.type} speaks.`);
};
const dog = new Animal('dog');
dog.speak(); // 输出 "The dog speaks."
```
相反,`__proto__` 并不是特定于任何类型的对象;几乎所有的对象都拥有此内部链接指向它们各自的原型对象。对于由构造函数产生的对象而言,`__proto__` 默认指向构造函数的 `prototype` 属性对应的对象。这使得对象能够沿着这条链向上查找未在其自身上找到的属性或方法[^4]。
```javascript
console.log(dog.__proto__ === Animal.prototype); // true
```
#### 创建方式的不同影响
由于 ES6 引入了类的概念,在现代浏览器环境下可以更直观地看到两者之间的关系:
- 类声明中的静态成员会被添加到类自身的 `prototype` 上;
- 实例化后的对象则持有对其构造器 `prototype` 的引用,即 `__proto__` 指向的地方。
```javascript
class Vehicle {
constructor(wheels) {
this.wheels = wheels;
}
move() {
console.log(`${this.wheels}-wheeled vehicle moving`);
}
}
// 静态方法被挂载到了Vehicle.prototype上
console.log(Vehicle.prototype.move);
let bike = new Vehicle(2);
// 自动设置bike.__proto__ -> Vehicle.prototype
console.log(bike.__proto__.move === Vehicle.prototype.move); // true
```
值得注意的是,尽管可以通过操作 `__proto__` 来改变现有对象的行为模式,但这通常被认为是不推荐的做法,因为它可能导致性能下降以及难以调试的问题。相比之下,利用好 `prototype` 可以为开发者提供一种更加优雅的方式来扩展功能而不破坏原有结构[^1]。
阅读全文
相关推荐
















