prototype和__proto__的区别

prototype和__proto__的关系是什么

所有的对象都拥有__proto__属性，它指向Object.prototype（Object是一个原生函数，所有的对象都是Object的实例）

let obj = {}
obj.__proto__ === Object.prototype // true

所有的函数都同时拥有__proto__和protytpe属性 函数的__proto__指向自己的函数实现 函数的protytpe是一个对象 所以函数的prototype也有__proto__属性 指向Object.prototype

function func() {}
func.prototype.__proto__ === Object.prototype // true

Object.prototype.__proto__指向null

Object.prototype.__proto__ // null

 

1. JavaScript中的函数是函数对象，而且除了使用字面量定义外，都需要通过函数来创建对象；
2. prototype是构造函数访问原型对象，__proto__是对象实例访问原型对象。

1.Javascript中所有的对象都是Object的实例，并继承Object.prototype的属性和方法，也就是说，Object.prototype是所有对象的爸爸。（个人感觉搞清楚这一点很重要） 。

   在对象创建时，就会有一些预定义的属性，其中定义函数的时候，这个预定义属性就是prototype,这个prototype是一个普通的对象。

而定义普通的对象的时候，就会生成一个__proto__，这个__proto__指向的是这个对象的构造函数的prototype.

详情请看例一：（建议大家用谷歌浏览器查看这些对象的属性）；

function A(a){
        this.a = a;
    }
首先定义一个函数a，如上面所说，函数在被定义的时候就拥有了一个prototype对象。我们来打印看一下

console.log(A.prototype)
浏览器的结果：

如上图，这就是函数a的prototype对象，（记住我们最开始说的，凡是对象都会有一个属性那就是__proto__）。这个__proto__指向的就是他的构造函数的prototype 而这个函数a的prototype对象的构造函数是谁呢？ 没错就是开头说到的Object.prototype。

看如下代码：

        console.log(A.prototype.__proto__)
    console.log(Object.prototype)
而这两个的结果如下：

打印出来是同一个东西，也就是说Object.prototype是所有函数的爹，当你声明一个函数的时候也就是相当于对Object的实例化。这里可以对比一下new一个实例。

我们也可以用几个方法来验证一下：

        console.log(Object.prototype.isPrototypeOf(A))//true
    console.log(A instanceOf Object) //true

函数a的prototype对象的另一个属性是constructor这个属性就指向了函数a本身，也就是指向了他自己的构造函数。

2.我们在来用一个实例对象来说明一下原型，代码如下:

    

        function B(b){
        this.b = b;
    }
    var b = new B('lc');
当我们声明一个函数B时就自动创建了prototype对象。而b是构造函数的B的实例，这时候b是一个对象，而我们知道，对象只有__proto__属性。而这个属性是指向他的构造函数(B)的prototype属性。这时候我们来打印一下b

console.log(b)

可以看到b中只有__proto__属性，而这个属性是指向他的构造函数的prototype对象的，也就是说

（b.__proto__==B.prototype）答案为true;

这就是js中的prototype和__proto__的区别。

原文地址：https://blog.youkuaiyun.com/lc237423551/article/details/80010100