我发现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
}
这个方法我已经用过了。还有别的办法吗?
我可以使用任何库来做到这一点。
当前回答
来自Python，这让我很困扰。我为节点编写了一个简单的包装器/代理程序，它将接受位置对象和关键字对象。
https://github.com/vinces1979/node-def/blob/master/README.md
其他回答
这确实是伪代码，但我相信它会起作用(我知道它在TypeScript中起作用;我将它用于JavaScript)。
// Target Function
const myFunc = (a=1,b=2,c=3) => {a+b+c}
// Goal usage:
myFunc(a=5, b=6) // 14
myFunc(c=0) // 3
// Set your defaults
const myFuncDefaults = {a:1, b:2, c:3};
// Override them with passed parameters
const myFuncParams = (params) => { return Object.assign(myFuncDefaults, params)}
// Use the overloaded dict as the input
const myFunc2 = (params) => {
let {a, b, c} = myFuncParams(params);
return myFunc(a, b, c)
}
// Usage:
myFunc({a:5, b:6}) // 14
myFunc({c:0}) // 3
// Written more succinctly:
const myFunc = (params) => {
let {a,b,c} = Object.assign({a:1, b:2, c:3}, params)
return a + b + c
}
不管它的价值是什么，TypeScript通过提示来实现这一点:
interface IParams {
a: number;
b: number;
c: number;
}
const myFunc = (params: Partial<IParams>): number => {
const default: IParams = {a:1, b:2, c:3};
let {a, b, c} = Object.assign(default, params)
return a + b + c
}
不——对象方法是JavaScript对此的答案。如果你的函数需要一个对象而不是单独的参数，这就没有问题。
是的，嗯，有点。我找到了两个解决方案。我只解释一个。
在这个解决方案中，我们放弃了位置参数。
我们可以使用一个对象(几乎与Python中的dict相同)来传递参数。
在这个例子中，我使用函数来生成一个图像文件的名称:
// First we define our function with just ONE argument
function name_of_img(img_desc){
// With this step, any undefined value will be assigned a value
if(img_desc.size == undefined) {img_desc.size = "400x500"}
if(img_desc.format == undefined) {img_desc.format = ".png"}
console.log(img_desc.size + img_desc.format)
}
// Notice inside our function we're passing a dict/object
name_of_img({size: "200x250", format : ".jpg"})
// In Python name_of_img(size="200x250" , format="jpg")
// returns "200x250.jpg"
name_of_img({size: "1200x950"})
// In Python name_of_img(size="1200x950")
// returns "1200x950.png"
我们可以修改这个例子，所以我们也可以使用位置参数，我们也可以修改它，所以非有效参数可以传递，我想我会做一个关于这个的GitHub存储库。
如果你想弄清楚每个参数是什么，而不仅仅是调用
someFunction(70, 115);
做以下几点:
var width = 70, height = 115;
someFunction(width, height);
当然，这是额外的一行代码，但它在可读性上更胜一筹。
与通常认为的相反，命名参数可以在标准的旧式JavaScript中(仅用于布尔参数)通过简单、整洁的编码约定实现，如下所示。
function f(p1=true, p2=false) {
...
}
f(!!"p1"==false, !!"p2"==true); // call f(p1=false, p2=true)
警告:
必须保留参数的顺序——但这种模式仍然有用，因为它可以很明显地显示哪个实际参数对应哪个形式参数，而不必为函数签名进行grep或使用IDE。 这只适用于布尔值。但是，我相信可以使用JavaScript独特的类型强制语义为其他类型开发类似的模式。
