继承:子类不影响父类,子类可以继承父类的一些功能 ( 代码复用 )
属性的继承 : 调用父类的构造函数 采用call修改this指向
<script>
function CreatePerson(name,sex) { //父类
this.name = name;
this.sex = sex;
}
CreatePerson.prototype.showName = function() {
alert( this.name );
};
var p1 = new CreatePerson('小明','男');
p1.showName(); //小明
function CreateStar(name,sex,job){ //子类
CreatePerson.call(this,name,sex); //在此调用父类,继承父类属性,函数前面没有调用的东西,所有this是window,所以要用call修改this指向为p2
this.job = job;
}
var p2 = new CreateStar('黄晓明','男','演员');
p2.showName(); //黄晓明
</script>
方法的继承:
<script>
function CreatePerson(name,sex) { //父类
this.name = name;
this.sex = sex;
}
CreatePerson.prototype.showName = function() {
alert( this.name );
};
var p1 = new CreatePerson('小明','男');
p1.showName();
function CreateStar(name,sex,job){ //子类
CreatePerson.call(this,name,sex);
this.job = job;
}
//方法的继承
CreateStar.prototype = CreatePerson.prototype;
// 父类的原型赋给子类的原型
// 父类的原型其实是个对象,把一个对象直接赋给另外一个对象,那么另外一个对象(子类对象)就拥有量父类对象的属性
var p2 = new CreateStar('黄晓明','男','演员');
p2.showName(); //黄晓明
</script>
把一个原型对象赋值给另外一个对象,是对象赋值给对象;这样的话就出现了对象的引用,
对象的引用会造成它们的地址在内存的同一个地址上,这样的话不论是父类对象还是子类对象任何一个对象被修改了,都会影响到其他的对象
那么如何做到对象之间相互不影响呢?
这就涉及到如何对对象进行复制而不是引用
请参考面向对象的拷贝继承http://blog.youkuaiyun.com/xyphf/article/details/77430797
function CreatePerson(name,sex) { //父类
this.name = name;
this.sex = sex;
}
CreatePerson.prototype.showName = function() {
alert( this.name );
};
var p1 = new CreatePerson('小明','男');
p1.showName();
function CreateStar(name,sex,job){ //子类
CreatePerson.call(this,name,sex);
this.job = job;
}
extend( CreateStar.prototype,CreatePerson.prototype );
var p2 = new CreateStar('黄晓明','男','演员');
p2.showName(); //黄晓明
function extend(obj1,obj2) {
for(var attr in obj2){
obj1[attr] = obj2[attr];
}
}
大家有可能觉得函数是对象类型,那么为什么函数的赋值不会出现问题呢?
如果是对象类型的话,它应该也会存在引用关系啊
其实函数虽然是对象类型,但是它和对象类型还是有一定区别的
其实函数是不能被修改的,它只能被改变
var a = [1,2,3];
var b = a;
//b.push(4); //因为引用关系,会影响到a
b = [1,2,3,4]; // 重新赋值不会影响a
alert(a);
函数是不能被修改的,函数只能重新赋值
所有虽然函数虽然是对象类型,但是只要是重新赋值,就不会相互影响