美文网首页
10.继承模式

10.继承模式

作者: Sune小叶子 | 来源:发表于2018-02-05 23:49 被阅读0次

继承发展史:

1.传统形式 --> 原型链

过多的继承了没有用的属性

prototype

2.借用构造函数

不能继承借用构造函数的原型

每次构造函数都要多走一个函数

function Preson(){

//.....

}

function Student(){

Preson.call(this)

//.....

}

ver student = new Preson();

3.共享原型

不能随便改动自己的原型

Father.prototype.lastNme = 'Deng';

function Father(){}

function Son(){}

function inherit(Target , Origin){

    Target.prototype = Origin.prototype;

}

inherit(Son , Father);

var son = new Son();-->一定是要先继承,然后再实例化.

但是如果Son.prototype.sex = 'man',因为Son和Father的prototype指向的是同一个地址,所以当Son修改引用的值的时候,Father的原型,在指向的同一个引用的值也被修改.

4.圣杯模式

Father.prototype.name = 'xx';

function Father(){}

function F(){}

F.prototype = Father.prototype;

Son.prototype = new F();

function Son(){}

//所以抽象成以下的功能

function inferit(Target , Origin){

    function F(){}

    F.prototype = Origin.prototype;

    Target .prototype = new F();

    //所以归类,就是指明constuctor

    Target.prototype.constuctor = Target;

    //指明超类,就是真正继承自谁

    Target.prototype.uber = Origin.prototype;

}

Father.prototype.lastNme = 'Deng';

function Father(){}

function Son(){}

inherit(Son , Father);

var son = new Son();

var father = new Father();

Son.prototype.sex = 'man';

这时打印son.sex和father.sex会发现son有而fater没有

son.__proto__ --> new F() 而new F().__proto__ --> Father.prototype  所以son.constuctor = function Father(){},所以在上面的inherit函数里面注释的两行下面的代码,可以帮助我们理解对象到底来自于谁.

//YUI3雅虎的一个写法,利用闭包的第三个作用:实现属性私有化,达到了与上面相同的功能

var inherit = (function(){

    var  F = function(){};

    return function(Target , Origin){

        F.prototype = Origin.prototype;

        Target.prototype = new F();

        Target.prototype.constuctor = Target;

        Target.prototype.uber = Origin.prototype;

    }

}())

相关文章

  • 10.继承模式

    继承发展史: 1.传统形式 --> 原型链 过多的继承了没有用的属性 prototype 2.借用构造函数 不能继...

  • 10.继承初步

    1.什么是继承 2.为什么要使用继承 3.继承的基本语法特点 什么是继承? 1.在现实世界当中,继承就是儿子得到了...

  • 10.继承详解

    一、继承简介 1、继承是一种创建新类的方式,新建的类可称为子类或派生类,父类可称为基类或超类2、python支持多...

  • 10.继承方式一

    Student.prototype.constructor = Student;修改了原型对象,记得构造函数也得修...

  • 10.组合vs继承

    1. 为什么不推荐使用继承? 虽然继承可以解决代码复用等的问题,但如果继承层次过深、过复杂,也会影响到代码的可维护...

  • 继承模式

    原型继承 子类型的原型为父类型的一个实例对象 继承封装 class 等同于 class 继承

  • 12.继承方式二

    为了解决下面链接的弊端:无法在new Student();设置name,age,say。10.继承方式一 call...

  • day18(面向对象基础,设计模式)

    多继承补充 继承具有传递性,可以借助 类名.__mro__观察继承关系 设计模式 设计模式(Designpatte...

  • 09 js04 继承模式、命名空间、对象枚举

    继承模式、命名空间、对象枚举 【附:this指向问题、arguments、逗号操作符、对象克隆】 1、继承模式:【...

  • js面向对象设计

    面向对象模式 继承

网友评论

      本文标题:10.继承模式

      本文链接:https://www.haomeiwen.com/subject/bshwzxtx.html