Explication détaillée de la réécriture des objets prototypes JS

Modification et réécriture du prototype JS

Il existe deux manières de modifier le prototype js :

1 Dans le prototype original <.>Ajouter attributs et méthodes à l'objet  : 12

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

2. Remplacer ou remplacer l'objet prototype : 12

Examinons ensuite une question : (Cette question explique également la différence entre l'ajout de propriétés et de méthodes directement à l'objet prototype et la substitution ou l'écrasement de l'objet prototype.)                                           🎜>

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

Ce qui précède est le Objet prototype de réécriture JS que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles associés :

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();//animal1234567891011121314151617181920
 分析：12
            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

Explication détaillée des techniques de réécriture et de surcharge des méthodes js

Focus sur l'analyse de l'alerte de réécriture JavaScript ( ) techniques de méthode

Explications clés de la réécriture de méthode dans l'héritage js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!