Detailed explanation of JS rewriting prototype objects-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

Detailed explanation of JS rewriting prototype objects

May 17, 2018 am 10:10 AM

javascript prototype object

JSPrototype modification and rewriting

There are two ways to modify the js prototype:

1. In the original prototype Add properties and methods to the object: 12

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

Copy after login

2. Override or overwrite the prototype object: 12

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

Copy after login

Next let’s look at a question: (This question also explains the difference between adding properties and methods directly to the prototype object and overriding or overwriting the prototype object.) 12

function Person(){
            }            function Animal(){
            }            var person=new Person();            var animal=new Animal();
            Person.prototype={                &quot;name&quot;:&quot;Mike&quot;,
                sayName:function(){
                    console.log(this.name);
                }
            }
            Animal.prototype.name=&quot;animal&quot;;
            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={                &quot;name&quot;:&quot;Mike&quot;,
                sayName:function(){
                    console.log(this.name);
                }
            }
            Animal.prototype.name=&quot;animal&quot;;
            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

Copy after login

Above This is a JS rewriting prototype object that I compiled for you. I hope it will be helpful to you in the future.

Detailed explanation of rewriting and overloading techniques of js methods

Focus on analysis of JavaScript rewriting alert () method skills

Focus on method rewriting in js inheritance

The above is the detailed content of Detailed explanation of JS rewriting prototype objects. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn