-
继承
/** * 继承:类与类之间的关系,面向对象的语言的继承是为了服务多态的 * js不是面向对象的语言,但是可以模拟面向对象,模拟继承----为了节省内存空间 * * 继承; * * 原型作用:数据共享------为了节省内存空间 * 原型作用:继承----------为了节省内存空间 * * 原型继承:改变原型指向 * 借用构造函数继承:主要解决属性继承问题----构造函数.call(this,属性) * 组合继承:原型继承+借用构造函数继承 * 拷贝继承:就是把对象中需要共享的属性和方法,直接便利的方式复制到另一个对象中 * */ //要想继承就得先发生关系------继承通过原型来实现 function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; } Person.prototype.play= function () { console.log("玩"); }; Person.prototype.eat= function () { console.log("吃"); }; function Student(score){ this.score=score; } //原型指向发生改变------实现继承 Student.prototype=new Person("小明",23,"男"); Student.prototype.study= function () { console.log("学习"); }; var stu=new Student(100); console.log("学生继承人的属性"); console.log(stu.name); console.log(stu.age); console.log(stu.sex); stu.eat(); stu.play(); console.log("学生自己的属性"); console.log(stu.score); stu.study(); console.dir(stu);
为了数据共享,改变原型指向,做到了继承------通过改变原型指向实现的继承
//缺陷:因为改变原型指向的同时实现继承,直接初始化了属性,继承过来的属性的值都是一样的,所以这就是问题 //解决方案,继承的时候不用改变原型的指向,直接调用父级的构造函数的方式来为属性赋值就可以----- //借用构造函数:把要继承的父级构造函数拿过来,借用一下就可以 //借用构造函数:构造函数。call(当前对象,属性);----解决了属性继承,并且值不重复 function Animal(name, weight) { this.name = name; this.weight = weight; } Animal.prototype.eat = function () { console.log("吃"); }; function Dog(name,weight,color) { Animal.call(this,name,weight); this.color = color; } Dog.prototype.play = function () { console.log("玩"); }; function Wang(name,weight,color,age) { Dog.call(this,name,weight,color); this.age = age; } Wang.prototype.bite = function () { console.log("咬人"); }; var wang1 = new Wang("w1","10kg","黑",12); console.log(wang1.name,wang1.weight,wang1.color,wang1.age); var wang2 = new Wang("w2","20kg","白",13); console.log(wang2.name,wang2.weight,wang2.color,wang2.age); var wang3 = new Wang("w3","30kg","灰",14); console.log(wang3.name,wang3.weight,wang3.color,wang3.age); //此时只继承了属性
-
组合继承
//原型实现继承 //借用构造函数实现继承 //组合继承:原型继承+借用构造函数继承 function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; } Person.prototype.eat= function () { console.log("吃"); }; function Student(name,age,sex,score){ Person.call(this,name,age,sex);//继承父级属性 this.score=score; } Student.prototype=new Person();//继承父级方法 Student.prototype.study= function () { console.log("学"); }; var stu1=new Student("小明",12,"男",87); console.log(stu1.name,stu1.age,stu1.sex,stu1.score); stu1.eat(); stu1.study(); var stu2=new Student("小蓝",13,"男",83); console.log(stu2.name,stu2.age,stu2.sex,stu2.score); stu2.eat(); stu2.study(); var stu3=new Student("小红",16,"女",90); console.log(stu3.name,stu3.age,stu3.sex,stu3.score); stu3.eat(); stu3.study();
-
拷贝继承
//通过循环遍历的方式把一个对象中的属性和方法给另一个对象----------拷贝继承 function Person(){ } Person.prototype.age=10; Person.prototype.sex="男"; Person.prototype.play= function () { console.log("困"); }; var obj2={}; for(var key in Person.prototype){ obj2[key]=Person.prototype[key]; } console.dir(obj2); obj2.play();