js中原型链的继承

今天药忘吃喽~ 2022-12-04 02:22 192阅读 0赞

方式1：  
1.定义父类型构造函数  
2.给父类型的原型添加方法  
3.定义子类型的构造函数  
4.创建父类型的对象赋值给子类型的原型  
5.将子类型原型的构造属性设置为子类型  
6.给子类型原型添加方法  
7.创建子类型的对象：可调用父类型的方法  
子类型的原型是父类型的一个实例对象

//父类型
    function Supper(){
    	this.supper = "Supper Property";
    }
    Supper.prototype.showSupper = function(){
    	console.log(this.supper);
    }
    //子类型
    function Sub(){
    	this.sub = "Sub Property";
    }
    //子类型的原型为父类型的实例对象
    Sub.prototype = new Supper();
    Sub.prototype.showSub = function(){
    	console.log(this.sub);
    }
    var sub = new Sub();
    sub.showSub();
    sub.showSupper();
    console.log(sub.constructor);//输出的是父类
    //如果想要让它指向sub必须添加 Sub.prototype.constructor = Sub;

方式2：用构造函数继承  
1.定义父类构造函数  
2.定义子类型构造函数  
3.在子类型构造函数中调用父类型构造  
在子类型构造函数中使用call()调用构造函数

function Person(name,age){
    	this.name = name;
    	this.age = age;
    }
    function Student(name,age,price){
    	Person.call(this.name,this.age);
    	this.price = price;
    }
    var s = new Student('Mary',20,8000);

方式3：  
原型链+借用构造函数的组合继承  
1.利用原型链实现对父类型对象的方法继承  
2.利用super()借用父类型构造函数初始化相同属性