prototype+__proto__+new自我总结

prototype 是 面向 构造函数
__proto 是__ 面向 实例化 后 的对象

 

 

var b = new B('testb')

 

var o = new Object()   // 生成一个 新的 对象  b 这里 可以约等于  var b = {}

 

o.__proto__ = B.prototype  // 这里就是 函数对象中 独有的 prototype 属性。

 

                          // 这个独有的 prototype 属性 包含了一个 constructor 属性方法，指向的就是 构造函数， 也就是 这里的  function B(name) {}

 

B.call(o)   

                          

由于 call 的使用 将这里this是指向o, 所以就 可以 把什么this.name/getName 强行的绑定到o上。

var b = o                 // 把 这个 o 返回给了  b 。 从而完成了  var b = new B('testb') 的过程

 

 

 

 关于 call 的使用说明

 

    var o1 = {

        name: '111',

        getName: function() {

            console.log(this.name)

        }

    }

 

    var o2 = {

        name: '222'

    }

 

o1.getName.call(o2)  // 222

 

 

 

 

 

 

var Person = function(){}

Person.prototype.sayName = function() {

    alert('my name is xxx')

}

 

Person.prototype.age = 12

 

var p = new Person()

 

p.sayName()

 

当我们 实例化 之后， 在我们 去执行 p.sayName() 的 时候，我们就会去 this 内部去 查找（这里就是 构造函数 Person 内部去找。 可是 没找到啊。只是一个 空函数， 怎么办呢？）

 

这个时候 就会沿着 原型链向上追溯， 但是如何 追溯呢？

 

这里就要用到 __proto__ 属性 来作为 追溯的 桥梁。

 

 因为 实例化对象的 __proto__ 属性 指向的就是 构造函数的  prototype 属性所对应的 对象