javascript - ES6 的参数名称？

Question

我定义了一个函数，例如:

function call_api(url, callback, query = {}, body = {})

我期望有一种可以提供正文并跳过查询的语法:

call_api('/api/clients/new', function(x){console.log(x)}, body={1:2})

但我必须使用这个解决方法:

call_api('/api/clients/new', function(x){console.log(x)}, {}, {1:2})

即使我提供 body=，它也会显示为 query 参数。我将 Babel 与 Webpack 结合使用。我在 Chrome 控制台和 Webpack 源代码中尝试了语法。

ES6支持这样的语法吗？它是如何工作的？

Answer 1

我建议您通过传递对象并对对象使用解构来解决此问题:

function callApi({url, callback, query = {}, body = {}})

然后将其称为:

callAPI({url: "/api/..", callback: (x => console.log(x)), body: {a:2}})

这将为您提供类似于您想要的语法。

JavaScript 中已考虑并拒绝了命名参数，这与使用命名参数的其他语言(例如 C# 和 Python)不同。 Here is a recent discussion about it来自语言邮件列表。