prototype和__proto__的区别
时间: 2023-05-01 11:01:27 浏览: 77
prototype 是构造函数的一个属性,它指向了一个对象。这个对象的所有属性和方法都可以被该构造函数的实例继承。
__proto__ 是每个对象都有的属性,它指向了这个对象的原型对象。即指向了该对象的构造函数的 prototype 属性指向的对象。
总的来说,prototype 是构造函数的属性,__proto__是对象的属性。
相关问题
prototype和__proto__
prototype和__proto__都与JavaScript中的原型链相关。
1. prototype是一个函数特有的属性,它指向一个对象,该对象是使用该函数作为构造函数创建的所有实例的原型。通过原型链,实例可以访问构造函数的原型中定义的属性和方法。
例如,我们有一个构造函数Person:
```javascript
function Person(name) {
this.name = name;
}
Person.prototype.sayHello = function() {
console.log('Hello, ' + this.name + '!');
};
var person1 = new Person('Alice');
person1.sayHello(); // 输出 "Hello, Alice!"
```
在上面的例子中,Person.prototype是一个对象,它包含了我们想要共享给所有Person实例的属性和方法。
2. __proto__是每个对象都有的属性,它指向该对象的原型。通过__proto__,对象可以访问自己的原型中定义的属性和方法。
例如,我们再使用上面的Person构造函数创建一个person2对象:
```javascript
var person2 = new Person('Bob');
person2.sayHello(); // 输出 "Hello, Bob!"
```
在上面的例子中,person2.__proto__指向Person.prototype,这样person2就可以调用Person.prototype中定义的sayHello方法。
虽然__proto__属性在现代JavaScript中已经被废弃,但仍然可以在一些老旧的浏览器和环境中使用。推荐使用Object.getPrototypeOf()来获取对象的原型,例如:
```javascript
var proto = Object.getPrototypeOf(person2);
proto === Person.prototype; // true
```
总结:prototype是构造函数的属性,指向构造函数的原型对象;而__proto__是每个对象都有的属性,指向该对象的原型。
js中prototype和__proto__的关系和区别
prototype和__proto__都是JavaScript中用于原型链的属性,但它们的作用和区别不同。
prototype是函数的一个属性,它指向一个对象,这个对象包含该函数的所有实例共享的属性和方法。可以通过给prototype添加属性和方法来实现原型继承。
__proto__(双下划线proto)是一个对象的一个属性,它指向该对象的原型。换句话说,__proto__就是实现原型链的关键。当读取一个对象的属性时,如果该对象没有这个属性,JavaScript会沿着它的__proto__指向的对象查找,直到找到该属性或达到原型链的顶部为止。
因此,可以说prototype是用于定义函数以便实现原型继承的,而__proto__是在实例化对象时连接原型链的指针。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)