摘要:学堂码匠掌握代码的你,一定编写封装过函数,为了提升函数的控制性,必不可少的就是参数,必选可选的一大堆参数罗列出来,函数调用貌似变得麻烦起来必选参数指的是必须要传入实参的参数可选参数在函数中有默认值,如有传入实参,则取实参的值,如果没有传入
HTML5学堂-码匠:掌握JavaScript代码的你,一定编写封装过函数,为了提升函数的控制性,必不可少的就是参数,必选可选的一大堆参数罗列出来,函数调用貌似变得麻烦起来~~~
Tips:
必选参数指的是必须要传入实参的参数;
可选参数在函数中有默认值,如有传入实参,则取实参的值,如果没有传入实参,则使用默认值。
当一个函数既有必选参数,又有可选参数,在定义函数时,我们可能采取的方式是:无论参数是可选参数还是必选参数,都将参数罗列下来(通常按照先必选再可选的顺序)
但是这样的罗列方法,会导致一些问题的产生!
举例来说:有一个功能函数h5course,name和domain为其必选参数,而minAPP和book为其可选参数,而我们如此定义函数:
此时,调用函数,需要传入name、domain、book这三个参数,那么,问题来了!
由于在函数定义当中,book的参数位置位于minApp参数之后,在调用函数时,如果希望为book这个参数传入值,就必须按照如下方式进行书写:
h5course("name参数值", "domain参数值", "", "book参数值");
不难发现,当前第三个参数的处理就变得麻烦起来。于是乎,可能很多人会在函数中通过添加if判断,来进行参数控制 ——
此时仍然存在这样两个问题:
第一,函数的调用者必须要了解函数内部的参数判断方式,才能够正确书写“不需要的可选参数”
第二,在调用多个可选参数的函数时,调用代码会变得很麻烦(当然你可以为函数添加注释,降低使用时的难度)
面对如上的这些问题,下面这种方法,你值得拥有!
用对象替代掉原有的单个参数传递方式
函数内部使用arguments替换原有的形参
利用for-in循环,修改可选参数的默认值
一起来用此方法调整一下h5course函数
在此段代码当中,传入了三个参数
for-in循环当中,为defaultValue添加了name和domain的值,并修改了minApp的内容
函数调用时,参数的处理会变得更方便简单,但是也要注意,为了让使用者清晰了解哪些参数是必须的,建议在函数前面添加合理注释!
欢迎沟通交流~HTML5学堂
来个“智力”测试?生活艰辛,代码不易,但,不要忘记微笑!
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/89081.html
摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...
摘要:作为函数式编程语言,带来了很多语言上的有趣特性,比如柯里化和反柯里化。而反柯里化,从字面讲,意义和用法跟函数柯里化相比正好相反,扩大适用范围,创建一个应用范围更广的函数。作为函数式编程语言,JS带来了很多语言上的有趣特性,比如柯里化和反柯里化。 可以对照另外一篇介绍 JS 柯里化 的文章一起看~ 1. 简介 柯里化,是固定部分参数,返回一个接受剩余参数的函数,也称为部分计算函数,目的是为了缩...
阅读 2918·2021-11-24 09:39
阅读 2839·2021-09-29 09:34
阅读 3528·2021-09-24 10:23
阅读 1704·2021-09-22 15:41
阅读 1676·2019-08-30 15:55
阅读 3489·2019-08-30 13:58
阅读 2596·2019-08-30 13:11
阅读 1645·2019-08-29 12:31