18

我了解箭头函数在 ES6 中是如何工作的，以及词法 this，但我想知道是否有人知道将参数传递给箭头函数的方法？

在 ES5 中，您可以简单地执行以下操作：

function foo( bar, baz ){
    console.log('Args:', arguments.join(', '))
}

但是，在 ES6 中，如果您使用箭头函数，如下所示：

const foo = ( bar, baz ) => {
    console.log('Args:', arguments.join(', '))
}

该arguments变量返回一个对象，该对象与参数无关。

所以，我想知道是否有人有办法将参数传递给箭头函数？

编辑

我想也许我应该提供一些关于我正在尝试完成的事情的信息，也许如果上述内容不可能，那么有人有更好的主意。

基本上，我在 BluebirdJS asCallback方法中添加了一个 IIEF，它将确定是否确实提供了回调，如果没有，它将返回承诺。

这是 ES5 中的一个工作示例：

var _ = require('lodash')
var Promise = require('bluebird')

function testFunc( foo, callback ) {
    return new Promise( function ( res, rej ){
        res('You Said: ' + (_.isString( foo ) ? foo : 'NOTHING') )
    })
        .asCallback((function ( args ) {
            return _.findLast(args, function(a) {
                return _.isFunction( a )
            })
        })( arguments ))
}


testFunc('test', function( err, data ) {
    if( ! _.isEmpty( err ) )
        console.log('ERR:', err)
    else
        console.log('DATA: ', data)
})
// DATA:  You Said: test

testFunc(function( err, data ) {
    if( ! _.isEmpty( err ) )
        console.log('ERR:', err)
    else
        console.log('DATA: ', data)
})
// DATA:  You Said: NOTHING

因此，如果我使用所有 ES5 函数，那效果很好，而且我不介意将它们用于 IIEF，或者在需要时在其中使用。但这取决于arguments函数内部的变量，我真的不想用作 ES5 函数，而是坚持使用 ES6 箭头函数。因此，如果有一些 ES6 方法可以在 ES6 箭头函数中获取参数，那将是完美的！

4

1 回答 1

28

箭头函数没有自己的this和arguments。话虽如此，您仍然可以使用Rest 参数AKA扩展运算符将所有参数传递给箭头函数：
参考：https ://strongloop.com/strongblog/an-introduction-to-javascript-es6-arrow-functions/

function message(msg) {
  const foo = (...args) => console.log(args[0]);
  foo(`Message: ${msg}`);
}

message('Hello World'); // Message: Hello World

于 2016-02-12T17:17:36.823 回答