JS重写原型对象

JS原型的修改和重写

对于js原型的修改有两种方式：

 1. 在原有的原型对象上添加属性和方法：

            function Person(){

            }
            Person.prototype.name="Mike";
            Person.prototype.sayName=function(){
                console.log(this.name);
            }
            var person=new Person();
            person.sayName(); //Mike

 2. 重写或者说是覆盖原型对象：

            function Person(){

            }
            Person.prototype={
                "name":"Mike",
                sayName:function(){
                    console.log(this.name);
                }
            }
            var person=new Person();
            person.sayName(); //Mike

接下来我们看一个问题：（这个问题也就解释了直接在原型对象上添加属性和方法和重写或者覆盖原型对象是有区别的。）

            function Person(){

            }
            function Animal(){

            }
            var person=new Person();
            var animal=new Animal();
            Person.prototype={
                "name":"Mike",
                sayName:function(){
                    console.log(this.name);
                }
            }
            Animal.prototype.name="animal";
            Animal.prototype.sayName=function(){
                console.log(this.name);
            }
            person.sayName(); //error person.sayName is not a function
            animal.sayName();//animal

 分析：

            function Person(){

            }
            function Animal(){

            }
            var person=new Person();
            var animal=new Animal();
            console.log(person.__proto__===Person.prototype); //true
            console.log(animal.__proto__===Animal.prototype); //true
            Person.prototype={
                "name":"Mike",
                sayName:function(){
                    console.log(this.name);
                }
            }
            Animal.prototype.name="animal";
            Animal.prototype.sayName=function(){
                console.log(this.name);
            }
            console.log(person.__proto__===Person.prototype); //false
            console.log(animal.__proto__===Animal.prototype); //true
            person.sayName(); //error person.sayName is not a function
            animal.sayName();//animal

在重写原型对象的时候，Person.prototype会创建一个新的原型对象，而person.__proto__仍然指向原来的那个旧的原型对象。