javascript 原型链YY：共享角度解析

javascript原型图片如下：是从其它地方考过来的

 

 

 

 上面的图片看起来很复杂，但是还是简单的，理解思路如下：

 1. 假设什么都没有，全部空白

 

 2. 类似java，通过 new Xxx 来创建对象 （Xxx 假设叫 Function）

 

 3. 接受一个语法，function Function 可以申明"类"，（看过scala其实也不难想象，所以下面的类都是加""的理解，不同于java）

    (js通过自己的语法，通过function来new 对象)

     或者想象这是你自己的语言，function Function 会主动在内存开辟空间，保存属性和方法

     ps: function Function 和 new Function()是不一样的，不要混杂

    3.1 想象 function Function 其实也是一个对象，即内部创建了 { }.Function

         { }里面有很多的内部属性和方法 ，此文称这个对象为   innerFunc1

 

 4. 除了Function类，还有其它许多类，比如Foo, 则 new Foo(..)  (innerFunc2)

     除了Foo还有其它很多类，那么不断的new：

     出现问题：这些类没有交互，比如 共享一些属性和方法

     4.1 ：于是从innerFunc1开始，抽离出一些公共的属性和方法(Function.prototype)

              Foo通过__proto__ 引用这些共享的属性和方法

     4.2 如此循环，Foo 自己也把innerFun2中的部分属性和方法共享出去 (Foo.prototype)

 

>>>>>>>>>>>>>>>>>>>>

5. 至此，原先从无到现在，已经形成了一幅图画，如下：（后期补）

 

6. 疑惑解答：目前为止形成的类体系和javascript本身的体系相比，尚缺如下元素：

    6.1 Function.__proto__ 到共享之间的链条

    6.2 尚未出现new Object()

    6.3 Function.prototype.__proto__ 到Object.prototype 的链条

 

   6.1解答：

    Function.prototype本身就是从innerFunc1中分离出去的共享属性和方法，

    Function.__proto__指向这些属性和方法，并没有不妥.

    这里的核心就是： function Function 声明的时候，js内核其实开辟了内存空间 { }，暂时成为innerFunc1

   6.1.1 想象原始 每个 function 声明都会创建innerFunc, prototype的出现是为了 对这些 innerFunc进行公共属性和方法的抽象 

 

   6.2解答：

   至此，发现所有的prototype都是相互独立，后来逐渐发现，这些prototype也可以抽离出一些共享属性和方法。于是就出现了 function Object .

   function Object 本身共享了 function Function对象的属性和方法

                          <= Object.__proto__ = Function.prototype

   而function Object共享的属性和方法(Object.prototype) 是作为 所有 innerFunc.prototype 共享属性和方法

    的存在, 所以 function Object 是一个特别的 function 对象而已

 

   6.3解答：

     见6.2 Function.prototype__proto__ 因为 Object.prototype是作为 所有prototype的共享而存在的

 

 最后 做如下的题目 ，应该是十分简单的了

 function Foo() {};

var foo = new Foo();

 

alert(foo instanceof Foo); // ?

alert(foo instanceof Object); // ?

alert(foo instanceof Function); // ?

alert(Foo instanceof Function); // ?

alert(Foo instanceof Object); // ?