js面向对象的编程理解

1、js是基于对象的编程，但是不是面向对象的，因为就js中没有类的定义
2、js通过其他的方法来实现面对对象的编程——继承、封装、多态。
3、类是抽象的，对象是实际的。定义一个类之后不占内存，定义对象之后是占有内存的。
4、js单纯地定义一个对象后，可以实现简单的封装，但是有多个对象的时候，就会显得非常不方便。所以会引入对象实例化，解决了对象实例化之后，在解决继承的时候，采用原型链和call的方式，来解决继承的问题。

这个博客总结的很不错：
http://segmentfault.com/a/1190000000713346

JavaScript面向对象三大特征
封装：不考虑内部实现，只考虑功能使用
继承：从已有对象上，继承出新的对象
多态：所谓多态，就是指一个引用在不同情况下的多种状态，
1.封装

封装就是要把属于同一类事物的共性(包括属性与行为)归到一个类中,以方便使用.比如人这个东东,可用下面的方式封装:

人{
年龄(属性一)
身高(属性二)
性别(属性三)

做事(行为之一)
走路(行为之二)
说话(行为之三)
}

封装的好处：

封装保护了内部数据的完整性；
封装使对象的重构更轻松；
弱化模块间的耦合，提高对象的可重用性；
有助于避免命名空间冲突；
看下面一个例子：

 <script type="text/javascript">  
            var boy = {}; //创建一个空对象
                    boy.name = "小明";//按照原型对象的属性赋值
                    boy.age = 12;

            var girl = {};
                    girl.name = "小红";
                    girl.age = 10;
    </script>

这就是最简单的封装了，把两个属性封装在一个对象里面。但是，这样的写法有两个缺点，一是如果多生成几个实例，写起来就非常麻烦；二是实例与原型之间，没有任何办法，可以看出有什么联系。

构造函数模式

为了解决从原型对象生成实例的问题，Javascript提供了一个构造函数（Constructor）模式。

所谓”构造函数”，其实就是一个普通函数，但是内部使用了this变量。对构造函数使用new运算符，就能生成实例，并且this变量会绑定在实例对象上。

比如boy和girl的原型对象现在就可以这样写：

<script type="text/javascript">  
        function Person(name,age){
                this.name = name;
                this.age = age;
        }
</script>

我们现在就可以生成实例对象了。

<script type="text/javascript">  
        var boy = new Person("小明",12)；
        var girl = new Person("小红",10);

        alert(boy.name);  //小明
        alert(boy.age);   //12
</script>

这时boy和girl会自动含有一个constructor属性，指向它们的构造函数。
　

alert(boy.constructor == Person); //true
alert(girl.constructor); //输出整串构造函数代码，自己试试吧

Prototype模式 Javascript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。

这意味着，我们可以把那些不变的属性和方法，直接定义在prototype对象上。

<script type="text/javascript">
function Person(name,age){
        this.name = name;
        this.age = age;
}

Person.protype.type = "人类";

Person.protype.eat = function(){
        alert("吃米饭");
}
</script>

然后，生成实例:

<script type="text/javascript">
var boy = new Person("小明","12");
var girl = new Person("小红","10");

alert(boy.type);//人类
boy.eat();//吃饭
</script>

这时所有实例的type属性和eat()方法，其实都是同一个内存地址，指向prototype对象，因此就提高了运行效率。

alert(boy.eat == girl.eat); //true 

原型属性是一个内置属性，它指定了对象所扩展的构造器函数。
下面的代码为Animal构造器函数添加一个新的属性size，这个新属性是cat对象的原型属性。通过使用原型属性，所有扩展Animal构造器函数的对象就可以访问size属性

cat = new Animal("feline","meow", "walk/run");
cat.prototype.size = "fat"; 

在这种情况下，所有的Animal对象的size属性都是“fat”。原型默认为Object的新实例, 由于仍是对象, 故可以给该对象添加新的属性。就好像style是javascript的一个对象一样，也可以往style后继续添加属性。

  <script type="text/javascript">
        /*定义一个Person类*/
        function Person(_name,_age,_salary){
            //Person类的公开属性，类的公开属性的定义方式是：”this.属性名“
            this.Name=_name;
            //Person类的私有属性，类的私有属性的定义方式是：”var 属性名“
            var Age=_age;
            var Salary=_salary;

            //定义Person类的公开方法(特权方法)，类的公开方法的定义方式
是：”this.functionName=function(){.....}“
            this.Show=function(){
   alert("Age="+Age+"\t"+"Salary="+Salary);//在公开方法里面访问类的私有属性是允许的
            }
</script>

对象在查找某个属性的时候，会首先遍历自身的属性，如果没有则会继续查找[[Prototype]]引用的对象，如果再没有则继续查找[[Prototype]].[[Prototype]]引用的对象，依次类推，直到[[Prototype]].….[[Prototype]]为undefined（Object的[[Prototype]]就是undefined）

简单说就是通过对象的[[Prototype]]保存对另一个对象的引用，通过这个引用往上进行属性的查找，这就是原型链。