主页 / 问题 / 603137
Accepted
modelfak
Asked:2020-12-13 23:32:15 +0000 UTC2020-12-13 23:32:15 +0000 UTC

回调 JS 中的参数

  • 772

这是问题所在

function callback (arg) {
   console.log(arg); // undefined
}



function test(callback) {
   callback(); 
}

test(callback);

问题是如何将参数传递callback给函数？

javascript

2 个回答

  1. Best Answer

    参考闭包

    var callback = function (a, b, c) {
    console.log(a, b, c);
}

var wrapper = function () {
    return callback(1, 2, 3);
}

var wrapperFactory = function (a, b, c) {
    return function () {
        return callback(a, b, c);
    };
}

$element.addEventListener('click', wrapper);
$element.addEventListener('click', wrapperFactory(1, 3, 2));

    更好的是使用魔法与 .call / .apply 来传递这个

    var factory = function (callback) {
    var args = Array.prototype.slice.call(arguments, 1),
        self = this; // это скорее всего не нужно, просто я не кунг-фу мастер в js и не знаю, сохранится ли this
    return function () {
        return callback.apply(self, args);
    };
}

$element.addEventListener('click', factory(callbackA, 1, 12));
$element.addEventListener('mouseup', factory(callbackB, 'long', 'argument', 'list'));

    @Moderately StonedDuck 提供与以下相同的结果.bind：

    $element.addEventListener('click', callbackA.bind(undefined, 1, 12));
$element.addEventListener('mouseup', callbackB.bind($element, 'long', 'argument', 'list'));
    • 3 
  2. //Обратитесь к аргументам данной функции.
function callback (arg) {
   console.log(callback.arguments);
}

function test(callback) {
  //Тут передаем несколько аргументов в нашу функцию 
   callback(1,2,3); 
}

test(callback);
//на выводе в консоли получаем [1,2,3]
    • 1

相关问题