有没有办法在JavaScript的函数调用中提供命名参数？

optional-parameters javascript function named-parameters

2022-08-29 23:41:34

我发现在某些情况下，C#中的命名参数功能非常有用。

calculateBMI(70, height: 175);

如果我想在JavaScript中使用这个，我可以使用什么？

我不想要的是这个：

myFunction({ param1: 70, param2: 175 });

function myFunction(params){
  // Check if params is an object
  // Check if the parameters I need are non-null
  // Blah blah
}

我已经使用过这种方法。还有别的方法吗？

我可以使用任何库来执行此操作。

答案 1

ES2015 及更高版本

在ES2015中，参数解构可用于模拟命名参数。这将要求调用方传递一个对象，但如果还使用默认参数，则可以避免函数内的所有检查：

myFunction({ param1 : 70, param2 : 175});

function myFunction({param1, param2}={}){
  // ...function body...
}

// Or with defaults, 
function myFunc({
  name = 'Default user',
  age = 'N/A'
}={}) {
  // ...function body...
}

夏令时

有一种方法可以接近你想要的，但它是基于Function.prototype.toString ^[ES5]的输出，这在一定程度上依赖于实现，因此它可能不跨浏览器兼容。

我们的想法是从函数的字符串表示形式中解析参数名称，以便您可以将对象的属性与相应的参数相关联。

然后，函数调用可能看起来像

func(a, b, {someArg: ..., someOtherArg: ...});

其中和是位置参数，最后一个参数是具有命名参数的对象。ab

例如：

var parameterfy = (function() {
    var pattern = /function[^(]*\(([^)]*)\)/;

    return function(func) {
        // fails horribly for parameterless functions ;)
        var args = func.toString().match(pattern)[1].split(/,\s*/);

        return function() {
            var named_params = arguments[arguments.length - 1];
            if (typeof named_params === 'object') {
                var params = [].slice.call(arguments, 0, -1);
                if (params.length < args.length) {
                    for (var i = params.length, l = args.length; i < l; i++) {
                        params.push(named_params[args[i]]);
                    }
                    return func.apply(this, params);
                }
            }
            return func.apply(null, arguments);
        };
    };
}());

您将用作：

var foo = parameterfy(function(a, b, c) {
    console.log('a is ' + a, ' | b is ' + b, ' | c is ' + c);     
});

foo(1, 2, 3); // a is 1  | b is 2  | c is 3
foo(1, {b:2, c:3}); // a is 1  | b is 2  | c is 3
foo(1, {c:3}); // a is 1  | b is undefined  | c is 3
foo({a: 1, c:3}); // a is 1  | b is undefined  | c is 3

演示

这种方法有一些缺点（你已经被警告了！

如果最后一个参数是对象，则将其视为“命名参数对象”
您将始终获得与函数中定义的参数一样多的参数，但其中一些参数可能具有值（这与根本没有值不同）。这意味着您不能用于测试已传递的参数数。undefinedarguments.length

除了让函数创建包装器之外，您还可以有一个接受函数和各种值作为参数的函数，例如

call(func, a, b, {posArg: ... });

甚至扩展，以便您可以执行以下操作：Function.prototype

foo.execute(a, b, {posArg: ...});

答案 2

不 - 对象方法是JavaScript对此的答案。如果您的函数需要一个对象而不是单独的参数，则没有问题。