javascript - 如何理解 restArgs 这个函数的作用?
阿神
阿神 2017-04-11 10:44:19
[JavaScript讨论组]
var restArgs = function(func, startIndex) {
  startIndex = startIndex == null ? func.length - 1 : +startIndex;
  return function() {
    var length = Math.max(arguments.length - startIndex, 0);
    var rest = Array(length);
    for (var index = 0; index < length; index++) {
      rest[index] = arguments[index + startIndex];
    }
    switch (startIndex) {
      case 0: return func.call(this, rest);
      case 1: return func.call(this, arguments[0], rest);
      case 2: return func.call(this, arguments[0], arguments[1], rest);
    }
    var args = Array(startIndex + 1);
    for (index = 0; index < startIndex; index++) {
      args[index] = arguments[index];
    }
    args[startIndex] = rest;
    return func.apply(this, args);
  };
};

var delay = restArgs(function(func, wait, args) {
  return setTimeout(function(){
    return func.apply(null, args);
  }, wait);
});

var sayHi = function(){
    console.log("Hello");
}
delay(sayHi, 200, 1, 2, 3);

另外: 为什么 restArgs 的返回函数中 arguments 的值是 [sayHi, 200, 1, 2, 3] ?

阿神
阿神

闭关修行中......

全部回复(2)
ringa_lee

restArgs接受一个函数fn1和startIndex,返回另一个函数fn2
把调用fn2时传入的参数从startIndex开始封装成一个数组,然后调用fn1

例如startIndex = 1的话
fn2(a, b, c)就相当于fn1(a, array),其中array = [b,c]

function foo(a, b, c) {}
delay(foo, 1000, d, e, f);
就相当于
setTimeout(function () {
    foo(d, e, f);
}, 1000);
黄舟
function restArg(func1){ 
    return function(){
        func1.apply(this, Array.prototype.slice(arguments, 1));
    }; 
}

restArgs返回了一个匿名函数

delay(sayHi,200,2,3);

在调用delay时传入了额外的arguments,返回的匿名函数对额外的参数做了处理,再调用传入的函数sayHi。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号