js手写-继承的实现方式

最新推荐文章于 2025-06-10 21:27:03 发布

摇光93

最新推荐文章于 2025-06-10 21:27:03 发布

阅读量225

点赞数 2

分类专栏： js高阶文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/qq_73270720/article/details/145263630

版权

原型链继承

继承的实现

//继承实现:将子类的原型指向父类的实例

Child.prototype = new Parent();

Child.prototype.constructor = Child;

缺点

子类实例修改属性,会相互影响

代码

function Parent() {
   

    this.name = 'parent';

    this.colors = ['red', 'blue', 'green'];

  

}

Parent.prototype.getName = function () {
   

    console.log(this.name);

}

function Child() {
   

}

//继承实现:将子类的原型指向父类的实例

Child.prototype = new Parent();

Child.prototype.constructor = Child;

var child1 = new Child();

var child2 = new Child();

console.log(child1.colors); //["red", "blue", "green"]

child1.getName(); //parent

child2.