面向对象高级二
- 总结 PHP 里的面向对象、继承方式
- JS 里的继承方式
<script>
function Person(name, sex)
{
this.name=name;
this.sex=sex;
}
Person.prototype.showName=function ()
{
alert(this.name);
};
Person.prototype.showSex=function ()
{
alert(this.sex);
};
//-------------------------------------
function Worker(name, sex, job)
{
//this->new出来的Worker对象
//构造函数伪装 调用父级的构造函数——为了继承属性
Person.call(this, name, sex);
this.job=job;
}
//通过原型来继承父级的方法
Worker.prototype=Person.prototype;
Worker.prototype.showJob=function ()
{
alert(this.job);
};
var oW1=new Worker('blue', '男', '打杂的');
oW1.showJob();
</script>
-
call（构造函数伪装） 和 prototype（原型链）
原型链.png
<script>
function Person(name, sex)
{
this.name=name;
this.sex=sex;
}
Person.prototype.showName=function ()
{
alert(this.name);
};
Person.prototype.showSex=function ()
{
alert(this.sex);
};
//-------------------------------------
function Worker(name, sex, job)
{
//this->new出来的Worker对象
//构造函数伪装 调用父级的构造函数——为了继承属性
Person.call(this, name, sex);
this.job=job;
}
//原型链 通过原型来继承父级的方法
//Worker.prototype=Person.prototype;
for(var i in Person.prototype)
{
Worker.prototype[i]=Person.prototype[i];
}
Worker.prototype.showJob=function ()
{
alert(this.job);
};
var oP=new Person('blue', '男');
var oW=new Worker('blue', '男', '打杂的');
oP.showName();
oP.showSex();
oW.showName();
oW.showSex();
oW.showJob();
</script>
-
引用类型的特点
image.png
arr1->arr2 内存区域地址
<script>
var arr1=[1,2,3];
var arr2=arr1;
arr2.push(4);
alert('1:'+arr1); //1234
alert('2:'+arr2); //1234
</script>
<script>
var arr1=[1,2,3];
var arr2=[];
for(var i in arr1) //一份份复制
{
arr2[i]=arr1[i];
}
arr2.push(4);
alert('1:'+arr1); //1:123
alert('2:'+arr2); //2:1234
</script>
-
原型继承的缺点及解决方案
image.png
把父类的方法一个个扔到子类，这样父类就没有子类的方法了。.png
用到的知识点：
image.png instanceof 作用：查看某个对象是否是某个类的实例
<script>
var arr1=[1,2,3];
alert(arr1 instanceof Object);
</script>
用继承来实现拖拽实例
-
系统对象：宿主对象、内置对象、本地对象
image.png 继承的优势（补充）
