JS面向对象

什么是面向对象？

面向对象是一种对现实世界理解和抽象的方法，是计算机编程技术发展到一定阶段后的产物。–引用自百度百科

通俗的理解就是：万物皆对象！世界上的任何事和物都可以被视为对象，而我们需要关注的是对象本身可以实现的功能，不需要深入理解构成对象的元素。

JS中的面向对象

面向对象在js里有两个层次的含义，第一种是会使用面向对象函数；第二种是构造面向对象函数。

js也是面向对象中的一种写法，不过相对于java，js是一种弱数据类型，并不是严格意义上的面向对象。但是jq就是使用面向对象的写法创作出来的js库。

面向对象的特点（“抽风机”谐音记忆）

面向对象有四个特点：

1.抽象：抓住核心问题

2.封装：即把能够实现功能的函数写成封装起来，在面向对象里叫做方法。简单来说就是把实现功能的函数写成方法。 

3.继承：继承的意思是，在实现同一种功能的前提下，新对象可以使用就对象的属性和方法。 

4.多态：一个变量在引用不同类型的情况下的不同状态。多态开发在开发组件和模块化开发的时候能节省很多资源。

// 这里的函数名在面向对象里叫做类
function Create(n, s){
        // var obj = new Object();
        // obj叫做实例，同时也是对象，面向对象写法中系统会自动创建一个obj空对象
        // 对象属性
        this.name = n;
        this.sex = s;
        // this指针，在这里指的就是这个对象

        // 对象方法
        this.showName = function(){
            alert(n);
        };
        this.showSex = function(){
            alert(s);
        };

        // 返回对象
        // 同样，面向对象中系统会自动帮我们返回obj（即this）
        //return obj;
        //return this;
    }

 

原型（prototype）

原型可以用来构造函数的属性和方法，使这个构造函数的属性和方法成为公用的。使用原型的优点：在内存中节省资源，提高系统性能。

Array.prototype.sum = function(){
    var num = 0;
    for(var i=0;i<this.length;i++){
        num += this[i];
    }
    alert(num);
};

这是一个用原型构造的数组方法，将求和的sum方法挂在原型上，可以使这个方法被重复使用，当然，重点是节省内存资源。

使用原型还有一个优点，就是优先级： 
原型的优先级类似于CSS中的优先级，没有使用原型的构造函数，就好比CSS中的行内样式，优先级高，而与原型挂钩的属性和方法 ，就像是style的内联样式，优先级低于行内样式。所以在调用同一种方法名的时候，系统会优先调用挂在原型上的方法！

多态

多态其实就是把做的内容和谁去做分开。

/**
     * 多态的实现案例
     * @param animal
     */
    var makeSound=function (animal) {
        animal.sound();
    }
    var Duck=function () {
    }
    var Dog=function () {
    }
    Duck.prototype.sound=function () {
        console.log("嘎嘎嘎")
    }
    Dog.prototype.sound=function () {
        console.log("旺旺旺")
    }
    makeSound(new Duck());
    makeSound(new Dog());