怎样修改原型对象prototype

flyfish 2021年03月09日编程语言 406 0

修改原型对象的方法分为两种情况, 一种是对原型对象的属性方法做增删改, 一种改变原型对象的指向.

第一种: 对原型对象的属性/方法做增删改

function Person(name){ 
    this.name = name; 
} 
 
var lilei = new Person("Lilei"); 
 
// 增 
Person.prototype.getName = function (){ 
    return this.name; 
} 
lilei.getName(); // "Lilei" 
 
// 改 
Person.prototype.getName = function(){ 
    return this.name.toUpperCase(); 
} 
lilei.getName(); // "LILEI" 
 
// 删 
delete Person.prototype.getName; // true 
lilei.getName(); // Error

第二种: 改变原型对象的指向

以下代码中, 我们如果要整个改变原型对象的指向, 那目标对象中必须要有一个constructor属性, 值为这个原型对象关联的构造函数. 此外, 这个改变不能对已生产的实例对象作更改, 比如下面的lilei, 我们在修改以后调用lilei.sayHello()还是会报错.

function Person(name){ 
    this.name = name; 
} 
 
var lilei = new Person("Lilei"); 
 
var overridePrototype = { 
    constructor: Person, 
    sayHello: function(){ 
        return "Hello, I'm " + this.name; 
    } 
}; 
 
// lilei.sayHello(); // Error 
 
Person.prototype = overridePrototype ; 
// lilei.sayHello(); // Error 
 
var hanmeimei = new Person("Hanmeimei"); 
hanmeimei.sayHello(); // "Hello, I'm Hanmeimei"

IT源码网 HTML5 前端

微信公众号号：IT虾米（左侧二维码扫一扫）欢迎添加！

Q : 823053937

热贴推荐

怎样修改原型对象prototype