js中常用的继承方式:子类继承父类的方法
1、原型继承 子类的原型指向父类的一个实例 父类的私有和公有方法都是子类的公有方法
function A ( ){
this.x = 100;
this.y = 100;
}
A.prototype.getX = function ( ) {}
function B ( ){
this.x = 100;
}
B.prototype =new A ( ); //B的原型重新赋值A的实例==>每个b实例都能通过自己的__proto__找到a上的所有的私有方法,并且还可以通过a.__proto__继续找到A.prototype上的所有属性==> A这个类上的方法相对于B都是公有方法
B.prototype.constructor = B;//由于重新修改了B的原型导致默认原型上的constructor丢失,我们需要自己添加上
var a = new A ( );
var b = new B ( );
console.log (a);
console.log (b);
console.log (b.y);
2 、call继承 在子类构造函数中 父类.call(this)父类的私有变成子类的私有
function C ( ) {
this.x=100; //d.x = 100
}
C.prototype.getX = function ( ) {};
function D ( ) {
C.call(this);//构造函数中的this就是当前实例this ==> d C.call(d); ==>把C中的this修改成d
}
var c = new C ( );
var d = new D ( );//
console.dir(d);// d.x = 100
3、冒充对象继承 循环遍历父类实例,然后父类实例的私有方法全部拿过来添加给子类实例 ,如果不做hasOwnProperty判断那么就是把父类的公有的和私有的都拿过来当私有的
function E ( ) {
this.x=100;
this.y=200;
}
E.prototype.getX = function ( ) {}
function F ( ){
var e = new E ( );//e.x = 100;
for(var attr in e){//for in可以遍历到原型上的公有自定义属性//attr = x
if(e.hasOwnProperty(attr)){//如果这个判断不加,那么无论是公有的还是私有的都拿过来当私有的
this[attr] =e[attr];//??? f['x'] = e['x'] ==> f.x = 100;
}
// e.propertyIsEnumerable() //可枚举属性==>可以拿出来一一列举的属性
}
}
var e = new E ( );
var f = new F ( );
console.dir(f);
4、混合继承 原型+call ==>无论是私有的还是公有的都拿过来了==>子类的原型上的多了一套父类私有属性,但是不会产生问题。因为子类的私有属性也有一套相同的通过call继承拿过来的
function G ( ){
this.x=100;
}
G.prototype.getX = function ( ) {};
function H ( ){
G.call(this);
}
H.prototype = new G ();
H.prototype.constructor = H;
var g = new G ( );
var h = new H ( );
5、中间件继承M.prototype.__proto__ = K.prototype;把父类的公有的当作子类的公有的
function K ( ) {
this.x=100;
}
k.prototype.getX = function ( ) { };
function M ( ) {
}
M.prototype.__proto__ = K.prototype;//本来应该是直接指向Object.prototype。从K的原型上的__proto__也可以到Object.prototype==>在K.prototype上停留了下,K.prototype就是一个中间件 父类的公有当作子类的公有
var k = new K ( );
var m = new M ( );
6、寄生组合式继承Object.create(obj)方法==>是把obj当作别人家的原型 不兼容
//var obj1 = Object.create(o);
function myCreate (o){
functionFn(){};
Fn.prototype = o;
return newFn();
}
function N(){}
function P( ) {
N.call(this);
}
P.prototype = myCreate(N.prototype);//这个函数运行完的返回结果==>留下一个实例,这个实例的原型是传来的参数
console.log(obj);
网友评论