欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Javascript继承3:将优点为我所有----组合式继承

程序员文章站 2022-03-18 15:30:19
设计模式中的经典笔录 ......
//声明父类
function parentclass(name){
    //值类型公有属性
    this.name = name
    //引用类型公有属性
    this.books = ['html']
}
//父类型原型公有方法
parentclass.prototype.getname = function(){
    console.log(this.name);
}
//声明子类
function childclass(name,id){
    //构造函数式继承父类name属性
    parentclass.call(this,name);
    //子类中新增公有属性
    this.id = id;
}
// 类式继承  子类原型继承父类
childclass.prototype = new parentclass();
// 子类原型方法
childclass.prototype.getid = function(){
    console.log(this.id);
}

var child1 = new childclass('css',1)
child1.books.push('图解css');
console.log(child1.books) // ['html','图解css']
child1.getname()          // css
child1.getid()            // 1


var child2 = new childclass('javascript',2)
console.log(child2.books) // ['html']
child2.getname()          // javascript
chil2.getid()             // 2

设计模式中的经典笔录