面向对象五

面向对象高级二

1. 总结 PHP 里的面向对象、继承方式
2. 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>

3. 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>

4. 引用类型的特点

   
   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>

5. 原型继承的缺点及解决方案

   
   image.png
   把父类的方法一个个扔到子类，这样父类就没有子类的方法了。.png
   

   用到的知识点：

   
   image.png

6. instanceof 作用：查看某个对象是否是某个类的实例

<script>
var arr1=[1,2,3];

alert(arr1 instanceof Object);
</script>

7. 用继承来实现拖拽实例

8. 系统对象：宿主对象、内置对象、本地对象

   
   image.png

9. 继承的优势（补充）