JavaScript面向对象编程基础原理

面向对象的程序设计思路和人们日常生活中处理问题的思路是相似的。在自然世界和社会生活中，一个复杂的事物总是由许多部分组成。譬如，一辆汽车是由发动机、底盘、车身和轮子等部件组成的;一套住房是由客厅、卧室、厨房和卫生间等组成的；一个学校由许多学院、行政科室和学生班级组成的。

为了说明JavaScript是一门彻底的面向对象的语言，下面先讨论几个有关面向对象的概念。

1、对象
一切事物皆对象：客观世界中任何一个事物都可以看成一个对象（Object）。或者说，客观世界是由千万个对象组成。使用对象时，只关注对象提供的功能，不关注其内部的细节，比如JQuery。其次是构造函数。

2、面向对象特点
面向对象具有抽象性、封装性、继承性、多态性等特点。对象与对象之间使用消息通信，各自存在信息隐藏。

• 抽象性：抓住核心问题
• 封装性：把功能写出方法
• 继承性：对象方法和属性的继承

• 多态性：组件式的开发

  3、对象的组成

• 方法—函数：过程、动态的
• 属性—变量：状态、静态的

面向对象仅仅是一个概念或者变成思想，它不应该依赖于某个语言存在。比如Java采用面向对象思想构造其语言，它实现了类、继承、派生、多态、接口等机制。但是这些机制，只是实现面向对象编程的一种手段，而非必须。

实际上，JavaScript语言是通过一种叫做原型（prototype）的方式来实现面向对象编程的。下面将用实例来了解面向对象的编程思想。

var a=5;
alert(a);//变量：自由的。这里的a是一个自由的自由的变量

var arr=[1,2,3];
arr.b=6; //属性：有主的，b是属于arr这个对象的
alert(arr.b);//6

function aa(){  //函数：自由的。aa是自由的函数。
    alert(123);
}
aa();//123

arr.bb=function(){ //方法：属于某一个对象,bb属于arr数组的方法
    alert(456);
}
arr.bb();//456

//对象:是由属性和方法构成的，（其实就是挂载在某个对象上面的变量和函数）
arr.length  //属性
arr.push();//方法

面向对象中构造函数的理解

function createPeople(name,sex){ //构造函数（类）：专门构造对象的函数
    var obj=new Object();
    obj.name=name;
    obj.sex=sex;

    obj.showName=function(){ //方法
        alert(this.name);
    }
    obj.showSex(){  //方法
        alert(this.sex);
    }
    return obj;
}

//通过类创建一个或多个实例（对象）
var obj1=createPeople('张三','男'); //通过createPeople类创建一个obj1对象（实例）
obj1.showName();//张三，用法：对象名.方法名

var obj2=createPeople('李四','女');
obj2.showName();//李四
obj2.showSex();//女

构造函数中的工厂模式
1、什么是工厂
- 原料
- 加工
- 出厂

2、工厂方式
- 用构造函数创建一个类
- 什么是类、对象（实例）：模具和零件

function CreatPeople(name, sex) {//构造函数（类）：专门构造对象的函数    
    //原料
    //var obj = new Object();
    //内部只要你加了new，系统会偷偷帮你添加空对象给this
    //var this=new Object();

    //加工
    this.name = name;
    this.sex = sex;

    this.showName = function() { //方法
        alert(this.name);
    }
    this.showSex = function() {
        alert(this.sex);
    }
    //出厂:加了new后，系统偷偷帮你返回这个对象
    //return obj;
    //return this;
}

var obj1=new CreatPeople('张三','男');//creatPeople:类，obj1:对象，实例
//通过类创建一个实例（对象），创建多个实例
obj1.showName(); //对象名.方法名   对象名.属性名
var obj2=new CreatPeople('李四','男');
obj2.showName();
alert(obj1.showName==obj2.showName);//false,两个对象存储的单元地址不一样。当有多个实例对象的时候，会造成计算机类存的浪费。

存在问题：
1.没有new。类名首字母要大写；
2.代码虽然封装了，但是在对象调用方法的过程中，其实是另外的一个代码段。浪费内存，造成系统资源的浪费。
3.函数重复定义
解决办法：
    加new和this解决，加上new之后系统会自动创建了一个空白对象和自动返回了这个对象。

混合方式+原型构造函数
原则：
构造函数：加属性
原型：加方法
对象命名规范
类名首字母要大写

作用：弥补了工厂方式的不足

function Creat(name,sex){
//构造函数：加属性
    //var this=new Object();//系统会自动添加对象
    this.name=name;
    this.sex=sex;
    //return this;//系统会自动返回
}
//原型：加方法
Creat.prototype.showName=function(){
    alert(this.name);
}
Creat.prototype.showSex=function(){
    alert(this.sex);
}
//使用：用类去创建实例
var p1=new Creat('张三','男');
var p2=new Creat('李四','男');

p1.showName();//张三。对象名.方法名

alert(p1.showName==p2.showName);//返回true。存储单元地址一样