1.原型链
基本思想
利用原型让一个引用类型继承另一个引用类型的属性和方法,把子类的prototype指向父类的实例,这样就形成了一条原型链。当我们读取一个属性的实例的时候,首先找实例本身中是否存在该属性,如果不存在就去原型中去找,如果还不存在就去原型的原型中寻找,直到找到Object对象Object对象的原型为null)还没有找到该属性,则返回undefined。
1.1hasOwnproperty()用于检查实例本身的属性,如果实例中没有该属性返回false,不会去它的原型中寻找
1.2 in :用法:item in items ;检查某个对象是否含有某个属性,会在原型链中寻找,找到返回true;
1.3确定原型和实例之间的关系
1.3.1 intanceof 操作符
测试实例与原型链中出现过的构造函数
1.3.2 isPrototypeOf()
只要是原型链中出现过的原型,都可以说是该原型链所派生出的实例的原型
1.4谨慎定义方法
子类有时会重写父类的某个方法,或者添加某个不存在的方法。添加和重写的代码一定要放在替换原型语句之后
function Parent() {
this.Pname = 'parent';
}
Parent.prototype.getName = function () {
return this.Pname;
}
function Child() {
this.Cname = 'child';
}
Child.prototype = new Parent();
//添加新方法
Child.prototype.getChildName = function () {
return this.Cname;
}
//重写父类的方法;
Child.prototype.getName = function () {
return false;
}
var instance = new Child();
console.log(instance.getName());//false
var p = new Parent();
console.log(p.getName());//parent
通过原型链实现继承时,不能使用对象字面量创建原型方法,因为这样会重写原型链
function Parent() {
this.Pname = 'parent';
}
Parent.prototype.getParName = function () {
return this.Pname;
}
function Child() {
this.Cname = 'child';
}
Child.prototype = new Parent();
Child.prototype = {
getName:function () {
return this.Pname;
}
}
var c = new Child();
console.log(c.getParName());//c.getParName is not a function
存在的问题:
1)引用类型属性共享
2)无法向父类传参
2.借用构造函数
借用call/apply函数,在子类调用父类的构造函数,复制父类属性,每调用一次子类复制一次,每个实例都有自己的属性,不共享,可以传参。call(),apply()的区别:call,apply用法一致且都能改变this的指向,只是传递的参数不同,call是一个一个参数的传递,而apply时传递参数数组,具体使用根据传参形式决定。
存在的问题:
共享的方法都在构造函数内,无法达到函数复用的效果。
3.组合继承
将原型链和构造函数结合在一起,将需要共享的属性和方法通过原型链的方式继承,将实例特有的方法通过借用构造函数的方式
存在的问题:创建一次实例需要调用两次父类构造函数
4.原型式
在object()函数内创建一个临时的构造函数,然后将传入的对象作为这个构造函数的原型,最后返回这个临时对象的实例:
function object(o) {
function F() {
}
F.prototype = o;
return new F();
}
这种方式是基于已有的对象创建对象,Object.creat()规范了原型式继承,该方法有两个参数,第一个是作为新对象的原型的对象,第二个是为新对象定义额外属性的对象
5.寄生式
与工厂模式类似,将需要继承的函数进行封装,在函数内部以某种形式增强,再返回对象
function createObj(o) {
var clone = Object.create(o);
clone.sayHi = function () {
console.log('Hi');
}
return clone;
}
7.寄生组合式继承
通过通过构造函数,原型链的混成形式来继承,创建一个父类原型的副本,将这个副本的constructor指向子类,然后将这个原型赋值给子类
function inherit(child,parent) {
var prototype = new Object(parent.prototype);
prototype.constructor = child;
child.prototype = prototype;
}