JavaScript 实战开发经验！函数多参数传参技巧

HTML5学堂-码匠：掌握JavaScript代码的你，必定编写封装过函数，为了提高函数的控制性，必不可少的就是参数，必选可选的一大堆参数罗列出来，函数调用貌似变得麻烦起来~~~

Tips：
必选参数指的是必需要传入实参的参数；
可选参数在函数中有默认值，若有传入实参，则取实参的值，若是没有传入实参，则使用默认值。

函数的众多参数问题

当一个函数既有必选参数，又有可选参数，在定义函数时，咱们可能采起的方式是：不管参数是可选参数仍是必选参数，都将参数罗列下来（一般按照先必选再可选的顺序）
可是这样的罗列方法，会致使一些问题的产生！
举例来讲：有一个功能函数h5course，name和domain为其必选参数，而minAPP和book为其可选参数，而咱们如此定义函数：

此时，调用函数，须要传入name、domain、book这三个参数，那么，问题来了！
因为在函数定义当中，book的参数位置位于minApp参数以后，在调用函数时，若是但愿为book这个参数传入值，就必须按照以下方式进行书写：

h5course('name参数值', 'domain参数值', '', 'book参数值');

不难发现，当前第三个参数的处理就变得麻烦起来。因而乎，可能不少人会在函数中经过添加if判断，来进行参数控制 ——

此时仍然存在这样两个问题：
第一，函数的调用者必需要了解函数内部的参数判断方式，才可以正确书写“不须要的可选参数”
第二，在调用多个可选参数的函数时，调用代码会变得很麻烦（固然你能够为函数添加注释，下降使用时的难度）

更好的函数参数书写方法！

面对如上的这些问题，下面这种方法，你值得拥有！

1. 用对象替代掉原有的单个参数传递方式
2. 函数内部使用arguments替换原有的形参
3. 利用for-in循环，修改可选参数的默认值

一块儿来用此方法调整一下h5course函数

在此段代码当中，传入了三个参数
for-in循环当中，为defaultValue添加了name和domain的值，并修改了minApp的内容
函数调用时，参数的处理会变得更方便简单，可是也要注意，为了让使用者清晰了解哪些参数是必须的，建议在函数前面添加合理注释！

欢迎沟通交流~HTML5学堂

来个“智力”测试？

生活艰辛，代码不易，但，不要忘记微笑！