JS学习笔记之原型链和利用原型实现继承详解(2)

function Person(name,age,sex,weight){ this.name=name; this.age=age; this.sex=sex; this.weight=weight; } Person.prototype.sayHi=function(){ console.log("您好") } function Student(name,age,sex,weight,score){ //将当前实例对象传入Person 借过来使用一次来达到继承效果 Person.call(this,name,age,sex,weight); this.score=score; } var stu1=new Student("小明",10,"男","10kg","100")

2.  prototype 实现继承

利用prototype,将Student 的prototype 指向 Person 来达到继承效果,

优点:继承了父级原型上的方法

缺点:   实例化多个Student 都必须共用相同的name 和 age 

Student.prototype.constructor=Student

注意:   使用原型继承时,需要将构造器的指向更改回正确的指向

function Person(name,age){ this.name=name; this.age=age; } Person.prototype.eat=function(){ console.log("Person 吃饭") } function Student(num,score){ this.num=num this.score=score } //继承 Student.prototype=new Person("小红",10) Student.prototype.constructor=Student var stu =new Student(2016002288,80) stu.eat()//Person 吃饭

3.组合继承

组合继承其实就是结合了上述的两种方法来实现继承,拥有两种方法的优点

function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; } Person.prototype.sayHi=function(){ console.log("你好") } function Student(name,age,sex,score){ //借用构造函数 Person.call(this,name,age,sex) this.score=score } // 改变了原型指向 Student.prototype=new Person();//不传值 Student.prototype.eat=function(){ console.log("吃东西"); } var stu=new Student("小黑",20,"男","100分") console.log(stu.name,stu.age,stu.sex,stu.score); stu.sayHi()//你好 stu.eat()//吃东西

4.拷贝继承

类似于复制,把一个对象中的属性和方法直接复制到另一个对象中

function Person(){ } Person.prototype.name="小红" Person.prototype.age=18 function Student(){ } var p=Person.prototype; var s=Student.prototype; for(key in p){ s[key]=p[key] } console.dir(Student)

console

JS学习笔记之原型链和利用原型实现继承详解


每次都要for in 好累 ,  可以进行优化封装一下

function extend(Child,Parent) {     var p = Parent.prototype;     var c = Child.prototype;     for (var i in p) {       c[i] = p[i];       } //这个属性直接指向父对象的prototype属性,可以直接调用父对象的方法,为了实现继承的完备性,纯属备用性质     c.par = p;   }

5. 直接继承prototype

优点 : 效率比较高

缺点 : 因为相当于是个传址过程 所以修改Student的属性 Person 的也会被更改 

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/8a826f63b8923c5d1b467842ae065a88.html