深究JavaScript

1.闭包之外的问题

看代码好，多看代码，看好代码
实践好，多实践，总结经验

1.闭包之外的问题

var mult = (function () {
    var cache = {};

    var calculate = function () {
        var a = 1;
        for(var i = 0, l = arguments.length; i < l; i++){
            a = a * arguments[i];
        }
        return a;
    }

    return function () {
        var args = Array.prototype.join.call(arguments,',');//1
        console.log(args);
        console.log(cache[args]);
        if(cache[args]){
            return cache[args];
        }

        return cache[args] = calculate.apply(null,arguments);//2
    }//3
})();

结果：

1,2
undefined
3,4
undefined
5,6
undefined
1,2
2
3,4
12
5,6
30

解答：

难点一Array.prototype.join.call对于arguments的作用

函数的参数列表arguments是一个类数组的对象，虽然有下标，但它并非真正的数组，不能向数组一样，进行排序或者往集合里面添加一个新的元素。我们常借用Array.prototype对象上的方法。这里借用使用这个方法操作arguments是它的元素以逗号为分割点返回一个字符串，进而缓存成对象的键名。

难点二.apply(null,arguments)作用，不使用apply，直接调用会怎么样

apply接受两个参数，第一个参数指定了函数体内this对象的指向，第二个参为一个带下标的集合，这个集合可以为数组，也可以为类数组，apply方法把这个集合中的元素作为参数传递给调用的函数。如果传入的第一个参数是null，函数体内的this会指向默认的数组对象，在浏览器中则是window。

这里如果不使用.apply(null,arguments)的形式，而直接使用calculate(arguments)的话，可以有以下两种方法：

给calculate设置个形参，使用设置的形参

calculate方法里面arguments写成arguments[0]进行遍历

运行得知，如果不使用apply,return function里面的argument和calculate方法里面arguments是不一样的，return function里面arguments是下面这种：

calculate方法里面arguments是下面这种

为什么这里的方式2要这么解决，因为arguments就是一个类数组的对象，因此每次获取都会多包涵一对大括号，而apply是给calculate重新指向参数。

难点三var args = Array.prototype.join.call(arguments,’,’);为什么在return function定义，而不在上级作用域定义？

函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量，这就是原因。

Better me

1.闭包之外的问题