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 属性所对应的 对象

 


 


 

 

 

猜你喜欢

转载自blog.csdn.net/djj_alice/article/details/79760799