JS中使用apply、bind实现为函数或者类传入动态个数的参数
为纪念10年没写blog，第一篇博文就以这样一个有趣的窍门开始吧 -___-
在ES5中，当我们调用一个函数时，如果要传入的参数是根据其他函数或条件判断生成的，也就是说不确定会传入多少个参数时，在不改变原函数的情况下该如何办呢？
(当然了，能避免此文所述情况发生就尽量避免，比如将参数改为object或array等等)
大部分人可能知道用apply能完美解决这个问题：
apply与call一样会将第一个参数作为函数的调用对象，即改写了调用函数内的this指针为第一个参数，如果不是对象的方法，可以不考虑this，传入一个null即可。
而不同之处在于后面的参数，apply将所有要传入调用函数的参数放在一个数组中，call是与原函数一样依次追加进去。
既然是数组那就可控了，根据其他函数或逻辑判断来生成数组，可达到传入动态个数参数的目的。
但是我遇到一个头疼的问题，要在用new创建对象时传入动态个参数，几年才遇到一次的问题：
如果是用ES6，有了rest参数，上述问题全都不是问题。注意，数组args前面加三个点并不是语法错误，而是ES6提供的rest参数写法，你可以理解为将...args替换为args数组去掉方括号后的字符。
但ES5里真的就没有办法实现了吗？毕竟ES6大部分都是语法糖，可以用babel一类的工具编译为ES5，带着疑问，我们就用babel编译一下看看得到什么：
看到最后一行惊呆了，别害怕，让我们分析一下这句代码。首先肢解一下，分三步来看：
1. 毫无疑问，用concat将null与我们的参数连接为一个数组，作为apply第二个参数，即得到[null, 1, 2, 3]；
2. 让我们运算一下apply，第一个参数Foo会取代Function来调用原生的bind方法，第二个参数数组的内容将作为bind的参数传入，即得到Foo.bind(null, 1, 2, 3)；
3. bind方法第一个参数与apply、call类似，修改this指针，而后面的参数可以为函数植入默认的前置参数值（preset leading argument），也就是说当bind执行完后在第一组小括号内我们得到一个已经注入了三个参数值的Foo类，暂且叫FooWithArgs；
最终，当我们 new FooWithArgs(); 时，就不用传入任何参数了。等同于 new Foo(1, 2, 3);
相关文章
- 本篇文章主要分享了通过window.navigator来判断浏览器及其版本信息的实例代码。具有一定的参考价值，下面跟着小编一起来看下吧...2017-01-23
- 这篇文章主要介绍了js如何实现浏览器打印功能，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-07-15
- 这篇文章主要给大家介绍了关于Nest.js参数校验和自定义返回数据格式的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-28
- 下面小编就为大家带来一篇利用JS实现点击按钮后图片自动切换的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-10-25
- 这篇文章主要介绍了js实现调用网络摄像头及常见错误处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-07
- 这篇文章主要为大家详细介绍了JS实现随机生成验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-06
- 作为前端，一直以来都知道HTTP劫持与XSS跨站脚本、CSRF跨站请求伪造。防御这些劫持最好的方法是从后端入手，前端能做的太少。而且由于源码的暴露，攻击者很容易绕过防御手段。但这不代表我们去了解这块的相关知识是没意义的，本文的许多方法，用在其他方面也是大有作用。...2021-05-24
- 这篇文章主要介绍了js组件SlotMachine实现图片切换效果制作抽奖系统的相关资料,需要的朋友可以参考下...2016-04-19
- 这篇文章主要介绍了基于JavaScript实现文字超出部分隐藏 的相关资料,需要的朋友可以参考下...2016-03-01
- 这篇文章主要为大家详细介绍了js实现列表按字母排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-08-11
- 本文给大家介绍的是nodejs实现使用阿里大鱼短信API发送消息的方法和代码，有需要的小伙伴可以参考下。...2016-01-20
- 这篇文章主要介绍了JS实现响应鼠标点击动画渐变弹出层效果代码,具有非常自然流畅的动画过度效果,涉及JavaScript针对鼠标事件的响应及页面元素样式的动态操作相关技巧,需要的朋友可以参考下...2016-03-28
- Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.这篇文章主要介绍了vue.js 表格分页ajax 异步加载数据的相关资料,需要的朋友可以参考下...2016-10-20
- 这次文章要给大家介绍的是node.JS md5加密中文与php结果不一致怎么办，不知道具体解决办法的下面跟小编一起来看看。 因项目需要，需要Node.js与PHP做接口调用，发现nod...2017-07-06
- 系统的学习了一下angularjs，发现angularjs的有些思想根php的模块smarty很像，例如数据绑定，filter。如果对smarty比较熟悉的话，学习angularjs会比较容易一点,这篇文章给大家介绍angularjs filter用法详解，感兴趣的朋友一起学习吧...2015-12-29
- 这篇文章主要为大家详细介绍了js实现上传图片及时预览的相关资料，具有一定的参考价值，感兴趣的朋友可以参考一下...2016-05-09
- 为了网站的安全性，很多朋友都把密码设的比较复杂，但是如何密码不能明显示，不知道输的是对是错，为了安全起见可以把密码显示的，那么基于js代码如何实现的呢？下面通过本文给大家介绍JavaScript实现表单密码的隐藏和显示，需要的朋友参考下...2016-03-03
- v-for标签可以用来遍历数组，将数组的每一个值绑定到相应的视图元素中去，下面这篇文章主要给大家介绍了关于在Vue.js中轻松解决v-for执行出错的三个方案，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。...2017-06-15
- 使用require('crypto')调用加密模块。加密模块需要底层系统提供OpenSSL的支持。它提供了一种安全凭证的封装方式，可以用于HTTPS安全网络以及普通HTTP连接。该模块还提供了一套针对OpenSSL的hash（哈希），hmac（密钥哈希），cipher...2014-06-07
- 这篇文章主要教大家如何利用Bootstrap3制作图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2016-05-14