浅谈 OOP JavaScript [结束章] -- 继续

媒介: 写到这里,差不多就把OOP完结了,写了几篇OOP的文章,然则只是略懂外相,能够深切的OOP另有许多,然则我觉得写到这里也算是差不多完结了。

继续

继续是面向对象比较中心的观点,其他言语能够完成继续有两种体式格局:接口,继续。而ECMAscript只需继续。

原型链继续

浅显的讲,就是经由过程组织函数的原型对象去继续父类。上一篇文章我们说过。继续最大的长处也是瑕玷就是同享,看代码:

 function First() {        //建立一个组织函数(作为父类)
     this.a = 'abc';        //增加属性
 }

 function Second() {       //另一个组织函数(作为派生类也称为子类)
     this.b = '10';        //同上
 }

 Second.prototype = new First();    //子类的原型对象增加父类的实例。

var box = new Second();            //实例化并赋值给一个变量

alert(box.a);                    //返回abc

人人看的出,第二个组织函数内并没有a这个属性,然则我们从原型去增加一个父类的实例化,就能够继续父类的组织体内的和原型对象。

Second组织函数经由过程原型继续了First组织函数和原型,这就形成了一个链条,浅显的讲就是:原型链继续

也能够这么说,用对象实例化赋值给子类的原型属性,会将父类的组织函数内里的信息和原型内里的信息都交给子类。

重谈原型:

照样那句话,字面量重写原型会中缀关联,运用援用范例的原型,而且子范例还没法给超范例通报参数。

对象假装

不知道人人发明没有,父类是没法传参的,而且援用同享的题目,我们能够运用对象假装的要领去完成继续。


function First (b) {            //建立一个组织函数并传参
    this.a = ['a','b','c'];     //增加一个属性为一个数组
    this.b = b;                 //增加属性获得传进去的值
}

function Second (b) {            //同上
    First.call(this,b);          //对象假装
}

var second = new Second(100);    //实例化子类并赋值给变量

alert(second.a);            //返回a,b,c
alert(second.b);            //返回100

从上面的代码我们能够看出,我们处理了父类传参题目,也处理了援用同享题目。然则没有原型。而且call要领只能假装组织函数内里的属性和要领而没法假装原型对象内里的属性和要领
另有最大的题目就是重复运用
我们来用代码证实上面的话,就是call假装只是假装组织函数内里的要领和属性。

/*alert(second.a); 返回a,b,c */
second.a.push('d');    //给数组末端增加一个d
alert(second.a);    //返回a,b,c,d

从上面代码看出,并没有继续原型,也就是同享。重复运用更是不能够的。

原型链+假装

固然我们能够变通一下,将上面两种要领连系一下不就到达结果了么!我们也许的头脑是该私有化的属性和要领就私有化,该同享的公有化的要领就放在原型内里不就得了!

function First (b) {            
    this.a = ['a','b','c'];     
    this.b = b;                
}
First.prototype.c = function () {    //公有化要领放在原型中
    return this.a + this.b;
};

function Second (b) {            
    First.call(this,b);          //对象假装
}

Second.prototype = new First();    //子类的原型对象增加父类的实例

var second = new Second(100);    //实例化并赋值给变量

alert(second.c());    返回a,b,c10

从上面的例子用能够看出,我们将我们不想同享的属性和要领放在组织函数中,而我们想私有化的要领放在原型对象中,到达了清楚代码的作用,而且处理了重复运用和传参的题目而且有了原型!

总结:

说了这么多,实在Javascript中完成继续是非常天真的,并没有一种最好的要领,须要依据差别的需求完成差别体式格局的继续,最主要的是要明白Javascript中完成继续的道理,也就是原型和原型链的题目,只需明白了这些,本身也就能够很轻松完成继续了。

Brian.Lee

    原文作者:Brian_Lee
    原文地址: https://segmentfault.com/a/1190000007759542
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞