js继承的概念
js里常用的如下两种继承方式:
原型链继承(对象间的继承)
类式继承(构造函数间的继承)
类式继承是在子类型构造函数的内部调用超类型的构造函数。
严格的类式继承并不是很常见,一般都是组合着用:
function Super(){
this.colors=["red","blue"];
}
function Sub(){
Super.call(this);
}
原型式继承是借助已有的对象创建新的对象,将子类的原型指向父类,就相当于加入了父类这条原型链
原型链继承
为了让子类继承父类的属性(也包括方法),首先需要定义一个构造函数。然后,将父类的新实例赋值给构造函数的原型。代码如下:
function Parent(){
this.name = 'mike';
}
function Child(){
this.age = 12;
}
Child.prototype = new Parent();//Child继承Parent,通过原型,形成链条
var test = new Child();
alert(test.age);
alert(test.name);//得到被继承的属性
//继续原型链继承
function Brother(){ //brother构造
this.weight = 60;
}
Brother.prototype = new Child();//继续原型链继承
var brother = new Brother();
alert(brother.name);//继承了Parent和Child,弹出mike
alert(brother.age);//弹出12
对象冒充
function Cat(n) {
this.name = n;
}
var obj = {};
// obj 替代里面的this, 称为 对象冒充
Cat.call(obj, "猫猫");
// 猫猫
console.log(obj.name);
function Cat(a, b) {
console.log(a, b);
}
// call 的第1个参数,其实就是函数内部的this
// 第2个参数,其实就是函数的第1个形参
// 第3个参数,其实就是函数的第2个形参
// 第4个参数,其实就是函数的第3个形参
// ... 依次顺延
// Cat.call(null, "猫猫", "狗狗");
// apply 的第1个参数,其实就是函数内部的this
// 第2个参数,必须是数组
// 数组的第1个元素 ,其实就是函数的第1个形参
// 数组的第2个元素 ,其实就是函数的第2个形参
Cat.apply(null, [1, 2]);
网友评论