JavaScript 中更改 prototype 的三种方式

这里需要注意下，JavaScript 更改方法的 prototype 属性对应的值是一个对象不是一个方法。

  • 通过 Object.create
function foo() {
    this.name1 = 1;
}
foo.prototype.init = function () {
    console.log("foo");
}

function a() {
}
a.prototype.init = function () {
    console.log("a");
}
function b() { }
b.prototype = Object.create(a.prototype); // 更改 prototype 的指向
b.prototype.init();  // a
Object.setPrototypeOf(b.prototype, foo.prototype);  // 更改 prototype 的指向
b.prototype.init(); // foo
  • Object.setPrototypeOf
function foo() {
    this.name1 = 1;
}
foo.prototype.init = function () {
    console.log("foo");
}

function a() {
}
a.prototype.init = function () {
    console.log("a");
}
function b() { }
b.prototype = Object.create(a.prototype); // 更改 prototype 的指向
b.prototype.init();  // a
Object.setPrototypeOf(b.prototype, foo.prototype);  // 更改 prototype 的指向
b.prototype.init(); // foo
  • 通过 new 对象的方式更改 prototype
function a() {
    this.age = 12
}
a.prototype.init = () => {
    console.log("a");
}
let b = new a();
console.log(b.age);
b.init() // a

function c() { }
c.prototype = b;
c.prototype.init() // a
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容