面向对象编程（上）

面向对象编程（Object-oriented programming，OOP）是一种程序设计范型。它将对象作为程序的基本单元，将程序和数据封装其中，以提高程序的重用性、灵活性和扩展性。

1.用对象收编变量

对象有属性和方法，我们要访问它的属性或者方法时，可通过点语法向下遍历查询得到。
例如：我们可以创建一个检测对象，然后把我们的方法放在里面。

var CheckObject = {
    checkName: function() {
        //验证姓名
    },
    checkEmail: function() {
        //验证邮箱
    },
    checkPassword: function() {
        //验证密码
    }
}

使用它们很简单，比如检测姓名：CheckObject.checkName();

2.对象的另一种形式

var CheckObject = function() {};
CheckObject.checkName = function() {
    //验证姓名
}
CheckObject.checkEmail = function() {
    //验证邮箱
}
CheckObject.checkPassword = function() {
    //验证密码
}

使用和前面的方式是一样的，但这个对象不能复制一份，或者说这个对象类在用new关键字创建新的对象时，新创建的对象是不能继承这些方法的。

3.真假对象

如果想简单地复制一下对象，可以将方法放在一个函数对象中。

var CheckObject = function() {
    return {
        checkName: function() {
            //验证姓名
        },
        checkEmail: function() {
            //验证邮箱
        },
        checkPassword: function() {
            //验证密码
        }
    }
}

当每次调用这个函数的时候都返回了一个新对象，这样每个人在使用时就互不影响了。
例如检测邮箱：

var a = CheckObject();
a.checkEmail();

4.类也可以

上面并不是一个真正意义上类的创建方式，并且创建的对象a和对象CheckObject没有任何关系（返回出来的对象本身与CheckObject对象无关）。

var CheckObject = function() {
    this.checkName = function() {
        //验证姓名
    },
    this.checkEmail = function() {
        //验证邮箱
    },
    this.checkPassword = function() {
        //验证密码
    }
}

上面这样的对象就可以看成类了，用类创建对象需要用到关键字new。

var a = new CheckObject();
a.checkEmail();

5.一个检测类

上面的类把所有的方法放在函数内部，通过this定义，所以每一次通过new关键字创建新对象的时候，新创建的对象都会对类的this上的属性进行复制，所以这些新创建的对象都会有自己的一套方法，然而有时候这么做造成的消耗是很奢侈的，我们需要处理一下。

var CheckObject = function() {};
CheckObject.prototype = {
    checkName: function() {
        //验证姓名
    },
    checkEmail: function() {
        //验证邮箱
    },
    checkPassword: function() {
        //验证密码
    }
}

这样创建对象实例的时候，创建出来的对象所拥有的方法就都是一个了，因为它们都要依赖prototype原型依次寻找，而找到的方法都是同一个，它们都绑定在CheckObject对象类的原型上。

6.方法还可以这样用

使用上面方式定义的类如下：

var a = new CheckObject();
a.checkName();
a.checkEmail();
a.checkPassword();

调用了3个方法，但是对象a书写了3遍，这是可以避免的，需要在声明的每一个方法末尾处将当前对象返回，在JS中this指向的就是当前对象。

var CheckObject = {
    checkName: function() {
        //验证姓名
        return this;
    },
    checkEmail: function() {
        //验证邮箱
        return this;
    },
    checkPassword: function() {
        //验证密码
        return this;
    }
}
CheckObject.checkName().checkEmail().checkPassword();

当然同样的方式还可以放到类的原型对象中。

7.函数的祖先

prototype.js是一款JS框架，里面为我们方便地封装了很多方法，它最大的特点就是对源生对象（Function、Array、Object等）的拓展。
比如你想给每一个函数都添加一个检测邮箱的方法：

Function.prototype.checkEmail  = function() {
    //验证邮箱
}

var f = function() {};
f.checkEmail();

或者

var f = new Function();
f.checkEmail();

注意，这么做是不允许的，因为你污染了原生对象Function，所以别人创建的函数也会被你创建的函数所污染，造成不必要的开销，但是你可以抽象出一个统一添加方法的功能方法。

Function.prototype.addMethod = function(name, fn) {
    this[name] = fn;
}

var methods = function() {};

或者

var methods = new Function();

methods.addMethod('checkEmail', function() {
    //验证邮箱
});
methods.checkEmail();

这样只有methods对象才有checkEmail方法。

8.链式添加方法

Function.prototype.addMethod = function(name, fn) {
    this[name] = fn;
    return this;
}
var methods = function() {};
methods.addMethod('checkName', function() {
    //验证姓名
}).addMethod('checkEmail', function() {
    //验证邮箱
});

注意上面只是链式添加方法，不能链式使用，如果使用methods.checkName().checkEmail()只会执行checkName()方法并报如下错误：Cannot read property 'checkEmail' of undefined.
如果想要链式使用，添加的每个方法需要将this返回。

var methods = function() {};
methods.addMethod('checkName', function() {
    //验证姓名
    return this;
}).addMethod('checkEmail', function() {
    //验证邮箱
    return this;
});

现在methods.checkName().checkEmail()就可以正常运行了。

9.用类式调用方式使用方法

添加方法跟上面一样，但在使用的时候要注意了，不能直接使用，要通过new关键字来创建新对象。

var m = new Methods();
m.checkEmail();

面向对象编程（上）

你可能感兴趣的:(面向对象编程（上）)