彻底搞懂JS 原型链

// JS 道德经  混沌是什么？ 混沌是null, 混沌中产生道。
// 道是什么？ 道是Object.prototype 。它是最原始的对象。
console.log('Object.prototype.__proto__ is:', Object.prototype.__proto__) // null
// 先有Object.prototype ,它是{},
console.log('Object.prototype is:', Object.prototype) // {}
// 道生一，一是什么？一是 Function.prototype
console.log(Function.prototype.__proto__ === Object.prototype) // true

// 一生二，二是什么？二是：Function.和Object.
console.log(Object.__proto__ === Function.prototype) // true, Object对象继承于Function,！函数是对象，对象不是函数的源头
console.log(Object.__proto__ === Object.prototype)  // false
console.log(Function.__proto__ === Function.prototype) // true, 这是最奇怪的地方，需要好好思考，Function继承自己。
// 二生万物，也就是两派，object和function,从本质来说，万物归一，就是Function.prototype,也就是说都可以是函数
// 即JS中函数是第一公民

// 函数派
var A = new Function('name', 'return ' + '`Hello ${name}!`')
/**
  等价于 function A(name) {return `Hello ${name}!`}
**/
console.log(A.__proto__ === Function.prototype) // true
console.log(A.prototype === Function.prototype)
console.log(A.__proto__ === Object.prototype) // false
var a = new A()
console.log('A.prototype is:', A.prototype) // anonymous {} A继承于 Function 
console.log('A.prototype.constructor is:', A.prototype.constructor) // anonymous {}
console.log(a.__proto__ === A.prototype) // true
console.log('a.prototype is:', a.prototype) //undefined
console.log(a instanceof Function) // false
console.log(a instanceof A) // true

var b = function B() {}
/**
  等价于 var b = new Function('', return)
  等价于
      var b = {}
      b.__proto__ =  Function.prototype
      Function.call(b, '')
**/
//  不存在B.prototype
console.log('b.prototype is:', b.prototype) // {} 对象的prototype没有赋值，
console.log(b.__proto__ === Function.prototype) // true
console.log(b.__proto__ === Function.__proto__) // true
console.log('b.prototype.constructor is:', b.prototype.constructor) // function B{}

// 对象派 Object.create() 和 new Object()
var options = {
    'a':'A'
}
// options等价于 options =  new Object()，options.a = 'A'
var obj = Object.create(options)
obj.b = 'B'
console.log(obj.__proto__) // { a: 'A' } // 父类
console.log(obj.prototype) // undefined 没有定义
console.log(options.__proto__) // {} 回到了道 Object.prototype


var obj = new Object()
obj.b = 'B'
console.log(obj.__proto__); // {}
console.log(obj.prototype)  // undefined,
console.log({}.prototype) // undefined 等价， 这里与function不同

// 难点：  Function.prototype 生  Object 和 Function的过程

　附图：