详细讲解JS重写原型对象-js教程-PHP中文网

详细讲解JS重写原型对象

亚连

发布： 2018-05-17 10:10:36

原创

2339人浏览过

JS原型的修改和重写

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

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

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

登录后复制

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

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

登录后复制

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

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

登录后复制

上面是我整理给大家的js重写原型对象，希望今后会对大家有帮助。

js方法的重写和重载的技巧详解

重点分析JavaScript重写alert()方法的技巧

PHP高级程序设计模式框架与测试(中文高清PDF版)

享有盛誉的PHP高级教程，Zend Framework核心开发人员力作，深入设计模式、PHP标准库和JSON 。　　今天，PHP已经是无可争议的Web开发主流语言。PHP 5以后，它的面向对象特性也足以与Java和C#相抗衡。然而，讲述PHP高级特性的资料一直缺乏，大大影响了PHP语言的深入应用。　　本书填补了这一空白。它专门针对有一定经验的PHP程序员，详细讲解了对他们最为重要的主题