《JavaScript应用程序设计》一一2.10参数命名

本节书摘来华章计算机出版社《JavaScript应用程序设计》一书中的第2章，第2.10节，作者：Eric Elliott 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.10 参数命名

函数被传入的参数数量称为元数 (arity)，一般来说函数的元数应该尽可能的精简，但还是避免不了出现极多个元数的调用场景。多元数的问题在于每个参数都必须按照先后顺序被传入，即使个别参数是可选的。要记住这些顺序本身就是一个令人头疼的问题，而且给函数传入无用的参数，对功能本身而言也没有意义。在下面的示例中，createUser()是一个用于创建用户账户的函数，userProto是用户账户的默认配置，可以用createUser()中传入的参数将之覆盖。

var userProto = { name: '', email: '', alias: '', showInSearch: true, colorScheme: 'light' }; function createUser(name, email, alias, showInSearch, colorScheme) { return { name: name || userProto.name, name: email || userProto.email, alias: alias || userProto.alias, showInSearch: showInSearch, colorScheme: colorScheme || userProto.colorScheme }; } test('User account creation', function () { var newUser = createUser('Tonya', '', '', '', 'dark'); equal(newUser.colorScheme, 'dark', 'colorScheme stored correctly.'); });

在上述示例中，createUser()函数拥有5个可选参数，而UserProto是一个原型对象，这里存在一个问题，先看函数调用:var newUser = createUser('Tonya', '', '', '', 'dark');首先，如果不了解createUser()函数的具体实现，很难知晓每个参数的具体含义。其次，若想设置最后一位参数的值，必须将前面4位参数全部补全。再者，如果这个函数被其他模块依赖，那么后期对其所进行参数调整的成本非常昂贵。正确的参数传入方式是：

var newUser = createUser({ name: 'Mike', showInSearch: false });

你可以使用extend()方法来处理这类参数的传入，市面上大部分JavaScript类库中都拥有类似的方法(包括jQuery与Underscore)，来看看使用jQuery的版本：

function createUser(options) { return $.extend({}, userProto, options); }

$.extend()将对象作为参数传入，所传入的第一个参数是需要进行扩展的对象。在这个例子中，我们需要在不改变userProto或options值的前提下，创建用户账户对象，所有对象的方法与属性都是通过扩展而来，这是一种简单且优雅的代码复用方式。

相关资源：Web程序设计（第7版）.[美]Robert W.Sebesta(带详细书签).pdf 118MB 高质量压缩版