面向对象语言

面向对象语言特性:

1.封装  2.继承 3.多态(父类引用指向子类实例)

javascript得到对象的方法:

1.通过new Object得到   例:var 变量 = new Object();

使用这种定义的方式,虽然可以定义一个对象,但是因为没有类的约束,所以无法实现重复使用。

2.使用json得到   var 变量 ={ };

使用json方法实现,和new Object 一样存在对象不能重用的缺陷

3.使用工厂模式得到

例: function createOb (name,age){

var o=new Object();

o.name=name;

o.age=age;

o.say=function(){

alert("我的名字是"+this.name+"我今年"+this.age+);

}

return o;

}

var p1=createOb("小明",18);

p1.say();

var p2=createOb("刚子",20);

p2.say();

使用工厂模式解决代码的冗余问题。

使用了工厂模式定义了对象,这样就很好的解决了对象无法重用的问题,但是此时又存在了另一个问题,就是我们无法判断得到的对象的类型,如typeof或者instanceof来判断类型,仅仅得到一个Object类型,多以推出了基于构造函数的方式。

4.使用构造函数来创建一个对象。

使用构造函数得到;(解决了无法判断所得到类型的问题,但是形成了闭包函数,造成不必要的内存占用)注:如果把构造函数中的方法函数,转移到构造函数外,会扩大方法函数的作用域,不利于开发!

封装-javascript的原型(prototype)


面向对象语言_第1张图片

原型:

原型是js中非常特殊的一个对象,当一个函数创建之后,会随之产生一个原型对象,当通过这个函数的构造函数创建 了一个具体的对象 之后,在这个 具体对象中就会有一个属性指向 原型。


面向对象语言_第2张图片


面向对象语言_第3张图片
面向对象语言_第4张图片
面向对象语言_第5张图片
面向对象语言_第6张图片

常见的原型检测方式:


面向对象语言_第7张图片
面向对象语言_第8张图片

原型重写:

在上面的写法中,我们已经解决了大量的问题,使用原型,但是如果我们的对象中存在大量的属性或者方法的时候,使用上面的方式,感觉要写大量的【对象.prototype.属性名】这样的代码感觉不是很好,那么我们就可以用json的方式来写:


面向对象语言_第9张图片
面向对象语言_第10张图片
面向对象语言_第11张图片
面向对象语言_第12张图片
面向对象语言_第13张图片

封装--原型创建对象:

因为原型存在,我们实现了对象的封装,但是这种封装也同样可能存在问题的。

1,我们无法像使用构造函数的那样将属性传递用于设置值

2,当属性中有引用类型,可能存在变量值的重复

如下代码:


面向对象语言_第14张图片
面向对象语言_第15张图片

终极方案—基于组合的对象定义

为了解决原型所带来的问题,需要通过组合构造函数和原型来实现对象的创建将:属性在构造函数中定义,将方法在原型中定义,这种有效集合了两者的优点,是目前最为常用的一种方式。


面向对象语言_第16张图片
面向对象语言_第17张图片
面向对象语言_第18张图片
面向对象语言_第19张图片
面向对象语言_第20张图片

原型链实现继承:


面向对象语言_第21张图片

当子类的原型指向父类的对象后,子类就继承了父亲,实现了继承,这就是基于原型链的继承,我们可以通过内存模型来分析这种继承。


面向对象语言_第22张图片

但是使用原型链实现继承要注意以下一些问题:

1,不要在设定了原型链之后,再原型重写

2,一定要在原型链赋值之后才能添加或者覆盖方法

父类方法的覆盖(重写)

当子类继承父类后,子类如果认为父类的方法不能满足自己或者不太满意父类的方法,可以使用与父类同名 的方法来覆盖(也叫重写)父类方法。

注意:javascript中存在重写,但是没有重载。

原型链继承的缺陷

原型链继承存在的缺陷就是:

1,无法从子类中调用父类的构造函数,这样就没有办法把子类中 属性赋值给父类。

2,父类中属性是在子类的原型中的,这违背了我们前面所说的封装的理念(属性在对象中,方法在原型中),会出现前面值的混淆问题。

所以我们一般都不会使用单纯的原型链来实现继承。


面向对象语言_第23张图片
面向对象语言_第24张图片
面向对象语言_第25张图片
面向对象语言_第26张图片
面向对象语言_第27张图片
面向对象语言_第28张图片
面向对象语言_第29张图片

extends

在ES6中继承的实现使用extends来实现:


面向对象语言_第30张图片

你可能感兴趣的:(面向对象语言)