JavaScript 继承（十）原型五

不好意思因为懒，，我懒得弄图，，就是代码+注释

//前文得知 function 有 prototype 但是new出来的没有。
//但是只要是对象 就是不管是function还是new出来的(除了Object) 都会有一个叫做 __proto__的东西
//之前说过 new 就是先创建一个空对象然后 让他的prototype 指向 要创建的。然后初始化
//但是呢 new出来的东西 又没有prototype这东西。那怎么办呢？
//这时候就要用到这个叫 __proto__的东西了
//通过 new 创建对象 对象的__proto__就指向他的constructor.prototype
//通过 new 其实就是通过调用Foo这个函数整出来一个对象 这个Foo我们叫他构造器

function Foo(){
    this.a = 0;
}

var foo = new Foo();
console.log(foo.__proto__ === foo.constructor.prototype);//true;
console.log(foo.__proto__ === Foo.prototype);//true;
//Foo.constructor 就是他本身 constructor.prototype 自然就是Foo.prototype

//也可以写成

var foo_ = {}
foo_.__proto__ = Foo.prototype;
Foo.call(foo_);
//这就是new 的真面目了

console.log(foo_.a);//0
console.log(foo_.__proto__ === foo_.constructor.prototype);//true;

console.log(foo_.__proto__ === Foo.prototype);//true;



//
var bar = {
    a:1
}
console.log(bar.constructor);//现实是本机代码。。这不是咱要关心的重点 
console.log(bar.__proto__ === bar.constructor.prototype);//true
//反正就__proto__ 也是 constructor.prototype 和用new一样 和new比就是少了修改__proto__

var foo_2 = Object.create(foo);
console.log(foo_2.constructor);//就是 Foo函数本身
console.log(foo_2.__proto__ === foo_2.constructor.prototype);//false
console.log(foo_2.__proto__ === foo);//true

var foo_2 = Object.create(Foo);
console.log(foo_2.constructor);//也是本机代码。。不管他
console.log(foo_2.__proto__ === foo_2.constructor.prototype);//false
console.log(foo_2.__proto__ === Foo);//true
//总结下来 用构造器创建对象或者 直接字面量 用 {} __proto__ 都是 constructor.prototype
//var a = new A() a.constructor = A 所以 a.__proto__ === A.prototype
//但是A = Object.create(B) A.__proto__ == B
//之前我说原型链是prototype连起来的 显然感觉不对 毕竟 很多对象都没有prototype 
//但是每个对象(除了Object)都有__proto__
//实际上连起来的 是 __proto__

console.log(foo.__proto__ === Foo.prototype);//foo的构造器是 Foo 所以foo.__proto__ 就是 Foo.prototype
console.log(foo.__proto__.__proto__ === Object.prototype);//true;
console.log(foo.__proto__.__proto__.__proto__ === null)//true
//foo->Foo->Object->null