原型链总结

因为person的原型对象定义了公共的say方法,虽然是在我们实例化对象之后出现的,但是是在这个原型方法调用之前声明的,所以在他下面实例化的对象都可以拥有这个say方法。
通过这个案例 我们可以了解到,原型对象的用途就是给每个实例化对象存储一些共有的方法和属性。 person.say == new Person().say
person.say is not a function
当var person = new Person()时,Person.prototype为:Person {}(当然了,内部还有constructor属性),即Person.prototype指向一个空的对象{}。而对于实例person而言,其内部有一个原型链指针proto,该指针指向了Person.prototype指向的对象,即{}。接下来重置了Person的原型对象,使其指向了另外一个对象,即Object {say: function},这时person.proto的指向还是没有变,它指向的{}对象里面是没有say方法的,因为报错。

function Person () {
        this.name = 'John';
    }
    Person.prototype = {
        say: function() {
            console.log('Hello,' + this.name);
        }
    };
    var person = new Person();
    person.say();//person.say is not a function

函数的原型对象constructor默认指向函数本身,原型对象除了有原型属性外,为了实现继承,还有一个原型链指针__proto__,该指针指向上一层的原型对象,而上一层的原型对象的结构依然类似,这样利用__proto__一直指向Object的原型对象上,而Object的原型对象用Object.prototype.proto = null表示原型链的最顶端,如此变形成了javascript的原型链继承,同时也解释了为什么所有的javascript对象都具有Object的基本方法。

prototype是函数对象上面预设的对象属性
1.JS中所有的东西都是对象,每个对象都有prototype这个属性,这个属性是一个对象(object)
2.JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype
3.JS中构造函数和实例(对象)之间有微妙的关系,构造函数通过定义prototype来约定其实例的规格, 再通过 new 来构造出实例, 他们的作用就是生产对象。而构造函数(方法)本身又是方法(Function)的实例, 因此也可以查到它的proto(原型链)
Object / function F(){} 这样子的就是构造函数,一个是JS原生API提供的,一个是自定义的
new Object() / new F() 这样子的就是实例
实例就"只能"查看proto来得知自己是基于什么pro
totype被制造出来的,而"不能"再重新定义实例的prototype妄想创造出实例的实例了。
原型
是一个对象上面的原型,这个原型通常是它的构造器的prototype属性
原型链

function foo(){};
foo.prototype.z = 3;
var obj = new foo();

通过new构造对象(实例)的特点是,obj的原型(prototype)指向了构造器的prototype属性,也就是foo.prototype,而foo.prototype则指向了原始的Object.prototype,Object.prototype也有原型,为null。这就是一整个原型链。
什么时候用 prototype
使用 prototype的好处是不会额外产生内存,所有实例化后的对象都会从原型上继承这个方法。也就是需要一个子类拥有父类的某些特性(同种特性可以覆盖),又可以添加自己的特性,而不会影响父类时候使用prototype。

猜你喜欢

转载自blog.csdn.net/qq_27674439/article/details/91994971