Javascript中call、apply函数浅析

call/apply函数作用其实就是改变this的取值，有一句话是：谁调用的这个方法那方法里的this就是指谁，而有时我们会需要改变this值，所以call/apply就能派上用场。

下面我写个方法来模拟JQuery中的each方法来加深对call/apply函数的理解

代码如下：

        function each(arr, callback) {
            for (var i = 0; i < arr.length; i++) {
                callback(arr[i], i, arr[i]);
            }
        }
        each(["zzq", "lihua", "bob"], function (i, val) {
            console.log(this == val);
        });

这都知道肯定是打印出来false，因为each里的this是指window，只要我们稍微改造一下

        function each(arr, callback) {
            for (var i = 0; i < arr.length; i++) {
                //callback.call(arr[i], i, arr[i]); //同下
                callback.apply(arr[i], [i, arr[i]]);
            }
        }
        each(["zzq", "lihua", "bob"], function (i, val) {
            console.log(this == val);
        });

这时候打印出来就是true了，因为call/apply方法可以改变this的取值，查看JQuery源码的each方法可以发现，实现也是如此

    each: function( obj, callback ) {
        var length, i = 0;

        if ( isArrayLike( obj ) ) {
            length = obj.length;
            for ( ; i < length; i++ ) {
                if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
                    break;
                }
            }
        } else {
            for ( i in obj ) {
                if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
                    break;
                }
            }
        }

        return obj;
    }

最后总结下：call和apply方法作用是完全一样的，只是apply中参数是用数组传递，在不清楚参数个数时可以使用apply，反之使用call