原型链和继承

原型链

1. 原型对象

每创建了一个新函数,就会根据一组特定的规则为该函数创建一个 prototype 属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个 constructor 属性,这个属性包含一个指向 prototype 属性所在函数的指针。

2. 原型链

在创建对象的时候,都会有一个内置属性[[proto]],用于指向创建它的函数对象的prototype,也就是原型对象;原型对象作为一个对象,也有[[proto]]这样一个内置属性,指向它的原型对象,依次类推就形成了原型链。

3. 原型链的特点

3.1 原型对象上的属性和方法被所有继承它的对象所共享;

3.2 对对象属性的操作不会影响到原型对象;

3.3 当读取对象的某一属性或者方法时,会从该对象的属性开始查找,如果没有找到,会在其原型链上查找,依次类推,直到找到为止,如果最终没有找到则返回undefined;

练习:

1. var a = { }; a.__proto__.__proto__;

2. 如何遍历原型链上的属性;

3. 如何判断一个对象的类型;

4.var F = function(){};Object.prototype.a = function(){};Function.prototype.b = function(){};var f = new F();
f.a;f.b;
 继承 

1. 原型链继承

思想:使一个构造函数的原型等于另一个构造函数的实例;

例:

function SuperType(){ this.property = true; }

function SubType(){ this.subproperty = false; }

SubType.prototype = new SuperType();

var instance = new SubType();

alert(instance.subproperty);//true

优点:原型链上所有的属性和方法都可以被继承;

缺点:所有实例都共享原型对象的属性和方法,对于属性值是引用类型时,会存在很大问题;

2.子类无法向父类传参;

2.借用构造函数

    思想;在子类构造函数内部借助call/apply方法调用父类构造函数;

例:

function SuperType(){ this.name=’Join’ }

 function SubType(){ SuperType SuperType.call(this);this.age=’32’ }

 var instance = new SubType();

缺点:1.所有的实例各自都拥有一个继承下来的属性的副本,无法做到复用;

2.父类的原型对象上的属性和方法对子类是不可见的;

优点:可以向父类构造函数传参;

3.组合继承

思想:是将原型链和借用构造函数的 技术组合到一块,从而发挥二者之长的一种继承模式。具体思路:使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。

例:

function SuperType(name){ this.name = name; }

function SubType(name, age){ SuperType.call(this, name); this.age = age; }

SubType.prototype = new SuperType();

SubType.prototype.constructor = SubType;  

缺点:两次调用了父类构造函数:一次是在创建子类型原型的时候,另一次是 在子类型构造函数内部;调用子类构造函数时重写了父类实例属性;

4. 原型式继承

思路:是借助原型可以基于已有的对象创建新对象,同时还不必因此创建自定义类型。

例:

function object(o){ function F(){} F.prototype = o; return new F(); }

var animal = { name: 'xiaohua'};

var another = object(animal);

console.log(another.name)//xiaohua

优点:实现继承时不必创建自定义类型;

缺点:无法判断属于哪个类;

5. 寄生式继承

思路:创建一个仅用于封装继承过程的函数,该函数在内部以某种方式来增强对象;

例:

function createAnother(original){

var clone = object(original); //通过调用函数创建一个新对象

clone.sayHi = function(){ //以某种方式来增强这个对象 alert("hi"); };

return clone; //返回这个对象 }

缺点:1.无法判断类;

2.在函数内定义的方法无法实现共享;

6. 寄生组合式继承

思路:不必为了指定子类型的原型而调用超类型的构造函数,我们所需要的无非就是超类型 原型的一个副本而已。可以通过借用构造函数来继承属性,通过原型链的混成形式来继承方法。

例:

function inheritPrototype(subType, superType){

 var prototype = object(superType.prototype); //创建对象

 prototype.constructor = subType; //增强对象

 subType.prototype = prototype; //指定对象 }

function SuperType(name){ this.name = name;}

function SubType(name, age){

    SuperType.call(this, name);

this.age = age;

}

inheritPrototype(SubType, SuperType);

 

posted @ 2018-01-03 15:50  徐念念  阅读(351)  评论(0编辑  收藏  举报