在函数调用中“使用严格”和命名参数

Question

一位同事建议我添加"use strict";到我的 JS 代码的顶部，以突出我的定义中的任何差距和潜在的引用错误等。我对此非常满意，因为它已经确定了几段可能存在问题的代码.

但是，另一位同事告诉我，在调用带有多个参数的函数时，按照指定的方式命名参数会很有帮助，尤其是当它是一堆布尔值时。为了说明，这里有几个函数调用：

logData(data, target, preserveLog=true, changeClass=false, wrapLine=false);

...比：

logData(data, target, true, false, false);

但是"use strict";讨厌这个。在我执行此操作的任何地方，我都会在控制台中收到参考错误。正如预期的那样，它仍然运行良好，但控制台现在被所有这些明显未定义的引用弄得乱七八糟。

有谁知道是否有办法解决这个问题，以便我可以保留我的同事欣赏的编码约定，或者我将不得不停止使用"use strict";或检查我的所有代码并删除参数名称？

谢谢。

Answer 1

但是，另一位同事告诉我，在调用带有多个参数的函数时，按照指定的方式命名参数会很有帮助，尤其是当它是一堆布尔值时。

这是一个可怕的建议！

Javascript 实际上并不支持以这种方式按名称传递参数。您“按名称”传递的每个参数实际上都被视为对具有该名称的全局变量的赋值，并且"use strict"正确地将其识别为错误。

如果您想更清楚地了解要传递的值，请将值分配给真正的局部变量并传递这些值，例如

var preserveLog = true;
var changeClass = false;
var wrapLine = false;
logData(data, target, preserveLog, changeClass, wrapLine);

如果你真的想继续使用你原来的模式，你甚至可以在函数调用中分配给这些变量，只要你先将它们声明为局部变量：

var preserveLog, changeClass, wrapLine;
logData(data, target, preserveLog=true, changeClass=false, wrapLine=false);

Answer 2

Duskwuff 已经提供了一个很好的答案，我不会添加任何内容，只是说我完全同意它，但他没有提到任何由于 ES6 而产生的约定。

在 ES6 中，你仍然没有命名参数，但你有下一个最好的东西，那就是对象解构赋值。

这允许我们传递看似命名的参数，但实际上只是从未直接使用的对象的解构对象属性。

在您提供的示例的上下文中，它看起来像这样：

logData({data, target, preserveLog:true, changeClass:false, wrapLine:false});

其中函数定义为：

function logData({data, target, preserveLog, changeClass, wrapLine}) { ... }

我见过很多库更喜欢这种调用约定，其中 ES6 可用，而且它也非常方便，因为参数的顺序也不再重要。