原型链万能公式，关于__proto__和prototype的那些事

昨天在一个技术群里，有个小伙伴提出了这么个问题：

Object.prototype.a = function () {
    console.log('a')
}

Function.prototype.b = function () {
    console.log('b')
}

function F(){}
var f = new F();

f.a();
f.b();
F.a();
F.b();

如果用万能公式，结果一下子就出来了，结果分别是a，报错（f.b is not a function），a，b。接着我们就来分析为什么会得出这些结果。

首先，我们要知道，实例化一个对象（new）到底做了什么？

function Base() {
    this.a = function () {
        console.log('我是Base中的a')
    }
}

Base.prototype.b = function () {
    console.log('我是Base prototype上的b')
}

var obj = new Base();
// 实际上做了以下几件事
// var obj = {};
// obj.__proto__ = Base.prototype;
// Base.call(obj);
// 第一行，我们创建了一个空对象obj
// 第二行，我们将这个空对象的__proto__成员指向了Base函数对象prototype成员对象
// 第三行，我们将Base函数中this上的成员