面向对象二

面向对象基础（二）

1. new 与 this 的关系

<script>
//用工厂方式构造对象

function createPerson(name, sex)    //构造函数
{
    //假想的系统内部工作流程
    //var this=new Object();
    
    this.name=name;
    this.sex=sex;
    
    this.showName=function ()
    {
        alert('我的名字叫：'+this.name);
    };
    this.showSex=function ()
    {
        alert('我是'+this.sex+'的');
    };
    
    //假想的系统内部工作流程
    //return this;
}

var p1=new createPerson('blue', '男');
var p2=new createPerson('leo', '女');

/*p1.showName();
p1.showSex();
p2.showName();
p2.showSex();*/

alert(p1.showName==p2.showName);
</script>

2. 给数组添加求和方法

<script>
var arr1=new Array(12, 5, 8, 4);
var arr2=new Array(44,6,5,4,5,55,9);

//arr1.sum=function ()
Array.prototype.sum=function ()
{
    var result=0;
    var i=0;
    
    for(i=0;i<this.length;i++)
    {
        result+=this[i];
    }
    
    return result;
};

/*alert(arr1.sum());
alert(arr2.sum());*/

alert(arr1.sum==arr2.sum);
</script>

3. prototype 与 CSS 的关联

css行内样式，等同于函数方法，给一个对象添加方法
class类选择器，等同于prototype，给一类元素添加方法
prototype 扩展系统对象的方法，数组，字符串添加方法
原型添加的方法，不会浪费资源，

4. 类与对象（实例）的区别
   类 类似于蛋糕模子
   对象（实例） 产品类似于对象
5. 构造函数与类的关联
6. 混合法创建构造函数

<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);
};

var p=new Person('blue', '男');

p.showName();
p.showSex();
</script>

7. 原型优先级问题、delete 运算符

<script>
Array.prototype.a=12;

var arr=[1,2,3];

alert(arr.a);   //12

arr.a=5;

alert(arr.a);   //5

delete arr.a;

alert(arr.a);   //12
</script>

8. 面向对象回顾