浅解读JS中的call和apply

今天我们简单的解读下call和apply这个两个方法
call和apply都是把某个函数给某个具体的对象使用。这两个函数有什么区别了，
call接受的参数是不定的啊。第一个参数是要赋给的所有者，也就是说，我要给的对象。之后的参数就是
要传递的值，有几个值就传递几个参数。
apply只接受两个参数，第一个参数和call一样也是函数的所有者，第二个参数可以是一个带下标的集合。

我们来看一个例子

       /*
        * 数据在
        * 页面呈现
        */
        function dwn(s) {
            document.write(s + "<br />");
        }

        window.onload = function () {
            var p = new Point(1, 2);
            var v = new Vector(-1, 2);
            var p1 = add.call(p, 2, 3);
            var p2 = add.apply(v, [2, 3]);
            dwn(p1);
            dwn(p2);
        }

        function Point(x, y) {
            this.x = x;
            this.y = y;
            this.toString = function () {
                return "[" + [x, y] + "]";
            }
        }

        function Vector(x, y) {
            this.x = x;
            this.y = y;
            this.toString = function () {
                return "(" + [x, y] + ")";
            }
        }

        function add(x, y) {
            return new this.constructor(this.x + x,this.y + y);
        }

 代码运行的结果：

     [3,5]
     (1,5)

  在add函数里面this表示的对象的属性值。

  我们来扩展下自己的思维，

假如说我们要做这样的一个功能。
进行数据验证。
我们由多个验证类，里面都有一个check函数，
根据不同的对象调用不同的Check. 好，我们来看看这样的一个例子。

        /*
        * 数据在
        * 页面呈现
        */
        function dwn(s) {
            document.write(s + "<br />");
        }

        function CheckCall(checkStr, length) {
            return this.check(checkStr, length);
        }

        function CheckLength() {

            this.check = function (checkStr, maxLength) {
                if (checkStr.length < maxLength) {
                    return true;
                } else {
                    return false;
                }
            }
        }

        function CheckEmpty() {

            this.check = function (checkStr) {
                if (checkStr.length == 0) {
                    return false;
                } else {
                    return true;
                }
            }
        }

        window.onload = function () {
            var chLen = new CheckLength();
            var chEm = new CheckEmpty();
            var checkStr = "abcdefg";
            var p = CheckCall.call(chLen, checkStr, 20);
            var p1 = CheckCall.call(chEm, checkStr);
            dwn(p);
            dwn(p1);
        }

我们是不是还可以进一步来想想。继续来做封装。创建一个工厂类，这个工厂类做什么了。他接受几个参数，第一个参数就是验证类名集合，第二个参数就是要验证的数据，那么我们
在进行表单提交的时候，进行数据验证的画面只要直接调用我们的工厂就好了。以后要加验证类，也很简单。

关于这部分，大家去实现下，大家也可以把自己的实验结果发表过来，让我们借鉴下。

这次只是简单的说了下如何使用问题。下次我们进一步来讨论。

各位下次见