每天一个前端知识(56):使用变量保存arguments的引用

frontend

Posted by Tiny on July 20, 2017
// 一个迭代器 错误的版本
function iterator() {
    var i = 0;
    var n = arguments.length;
    return {
        hasNext: function() {
            return i < n;
        },
        next: function() {
            if(i >= n) {
                throw new Error('end of iteration!');
            }
            return arguments[i++];
        }
    }
}
// 正确的版本
function iterator1() {
    var i = 0;
    var n = arguments.length;
    var args = arguments;
    return {
        hasNext: function() {
            return i < n;
        },
        next: function() {
            if(i >= n) {
                throw new Error('end of iteration!');
            }
            return args[i++];
        }
    }
}
var item = iterator(1, 2, 3, 4);
var item1 = iterator1(1, 2, 3, 4);
console.log(item.hasNext()); // true
console.log(item.next()); // undefined
console.log(item1.next()); // 1
console.log(item1.hasNext()); // true
console.log(item1.next()); // 2
console.log(item1.hasNext()); // true

谨记

当引用arguments时当心函数嵌套层级。

绑定一个明确作用域的引用到arguments变量,从而可以在嵌套的函数中引用它。

参考资料:https://lee134134134.github.io/page/6/